Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

documentElement.transform.translate moves the TestCafe UI #5606

Closed
Ogurecher opened this issue Oct 6, 2020 · 0 comments
Closed

documentElement.transform.translate moves the TestCafe UI #5606

Ogurecher opened this issue Oct 6, 2020 · 0 comments
Assignees
@miherlosev
Labels
AREA: client SYSTEM: UI TYPE: bug The described behavior is considered as wrong (bug).
Milestone
Sprint #76

Comments

@Ogurecher
Copy link
Contributor

Ogurecher commented Oct 6, 2020 •
edited
Loading

What is your Test Scenario?

Running document.documentElement.style.transform = 'translate(10px)' in Chrome or Firefox. After that, the TestCafe UI moves to the top of the window.

This scenario works as expected in IE.

What is the Current behavior?

The TestCafe UI moves to the top of the window.
image

What is the Expected behavior?

The TestCafe UI stays at the bottom of the window.

What is your web application and your TestCafe test code?

Your website URL (or attach your complete example): 
<!DOCTYPE html>
<html>
<body>
    <button id="button">button</button>
</body>
</html>
Your complete test code (or attach your test files): 
 import { Selector } from 'testcafe';

fixture`UI Bug`
    .page`./index.html`;

test('transform', async t => {
    await t
        .eval(() => document.documentElement.style.transform = 'translate(10px)');

    await t
        .debug();
});

Your Environment details:

  • testcafe version: 1.9.4
  • node.js version: 14.8.0
  • browser name and version: Chrome 85.0.4183.121, can not be reproduced in IE

Notes

We set our shadow root's CSS properties in such a way that the document's styles should not affect them. It seems like we don't reset this property.
https://github.com/DevExpress/testcafe/blob/master/src/client/ui/styles.less#L15
@Ogurecher Ogurecher added TYPE: bug The described behavior is considered as wrong (bug). AREA: client SYSTEM: UI STATE: Need research labels Oct 6, 2020
@miherlosev miherlosev self-assigned this Mar 15, 2021
miherlosev added a commit to miherlosev/testcafe that referenced this issue Mar 15, 2021
@miherlosev
fix 'documentElement.transform.translate moves the TestCafe UI ' (close
3e2d2ae 
DevExpress#5606)
@AndreyBelym AndreyBelym added this to the Sprint #76 milestone Mar 15, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@miherlosev miherlosev

Labels
AREA: client SYSTEM: UI TYPE: bug The described behavior is considered as wrong (bug).
Projects
None yet
Milestone
Sprint #76
Development

No branches or pull requests
3 participants
@miherlosev @AndreyBelym @Ogurecher