Testcafe: Custom dropdown cannot be scrolled on Internet Explorer

Created on 13 Jun 2018 · 7Comments · Source: DevExpress/testcafe

Are you requesting a feature or reporting a bug?

Reporting a Bug

What is the current behavior?

Internet Explorer fails to scroll on a custom angular dropdown

What is the expected behavior?

Internet Explorer should scroll our custom dropdown before clicking/performing actions

How would you reproduce the current behavior (if this is a bug)?

Click the last element of our custom dropdown. Chrome and Firefox scroll fine.

Provide the test code and the tested page URL (if applicable)

I created a code pen and a test case.
This is a simplified version of our angular component, but the dom element and the style is the same.

Tested page URL:
https://codepen.io/anon/pen/rKmRNo

Test code

import { Selector } from 'testcafe';

fixture `IE BUG`
    .page('https://codepen.io/anon/pen/rKmRNo');

test(`Cannot click on the last element`, async t => {
    let iframe = Selector('iframe.result-iframe');
    let last = Selector('p').withText('Ten');

    await t
        .wait(10000)
        .switchToIframe(iframe)
        .expect(last.exists).ok('The element exists')
        .click(last);
});

Specify your

operating system: Windows 10. Internet Explorer 11.48.17134,0
testcafe version: 0.20.1
node.js version: v8.9.4

IE11 Need improvement Stale automations

Source

berrutti

Most helpful comment

TestCafe should properly handle this case

miherlosev on 15 Jun 2018

👍2

All 7 comments

Hi @berrutti,
I've reproduced this problem and will investigate it.

LavrovArtem on 13 Jun 2018

👍1

The hasScroll function works incorrectly in IE11 if an element has the overflow-x: auto CSS attribute only. In other browsers, computedStyle.overflowX and computedStyle.overflowY equal auto by default. In IE11, computedStyle.overflowY equals visible. Test is passed if I change the overflow-x: auto line to overflow-y: auto in example higher.

LavrovArtem on 14 Jun 2018

Thank you very much. We added the changes and can confirm it now scrolls properly. Thanks a lot.

berrutti on 14 Jun 2018

TestCafe should properly handle this case

miherlosev on 15 Jun 2018

👍2

I'm working on it

miherlosev on 24 Jul 2018

Test cases:

[x] element (https://github.com/DevExpress/testcafe/pull/2683)
[ ] <body>
[ ] <html>

miherlosev on 31 Jul 2018

This issue has been automatically marked as stale because it has not had any activity for a long period. It will be closed and archived if no further activity occurs. However, we may return to this issue in the future. If it still affects you or you have any additional information regarding it, please leave a comment and we will keep it open.