Should scroll to element overlapped by TestCafe panel(closes DevExpre…

…ss#3924)
AlexKamaev · Jun 26, 2019 · e54fbaa · e54fbaa
1 parent 6083a38
commit e54fbaa
Show file tree

Hide file tree

Showing 4 changed files with 66 additions and 3 deletions.
diff --git a/src/client/ui/styles.less b/src/client/ui/styles.less
@@ -182,11 +182,11 @@
         visibility: hidden;
     }
 
-    /* Cursor */
-    &.hidden .cursor {
-        display: none;
+    &.hidden {
+        visibility: hidden;
     }
 
+    /* Cursor */
     &.blind .cursor {
         opacity: 0.4;
     }

diff --git a/test/functional/fixtures/regression/gh-3924/pages/index.html b/test/functional/fixtures/regression/gh-3924/pages/index.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>gh-3924</title>
+    <style>
+        button {
+            margin-bottom: 5000px;
+        }
+
+        #footer {
+            position: fixed;
+            bottom: 0;
+            height: 100px;
+            background-color: red;
+            opacity: 0.5;
+            left: 0;
+            right: 0;
+        }
+    </style>
+</head>
+<body>
+<div id="footer"></div>
+<button onclick="onClick()">Click me</button>
+
+<script>
+    window.clicked = false;
+
+    function onClick () {
+        window.clicked = true;
+    }
+
+    var button = document.querySelector('button');
+
+    button.addEventListener('click', onClick);
+
+    button.style.marginTop = document.documentElement.clientHeight - button.clientHeight - 20 + 'px';
+</script>
+</body>
+</html>
diff --git a/test/functional/fixtures/regression/gh-3924/test.js b/test/functional/fixtures/regression/gh-3924/test.js
@@ -0,0 +1,7 @@
+describe('[Regression](GH-3924) - Should scroll to element overlapped by TestCafe panel', function () {
+    it('Should scroll to element overlapped by TestCafe panel', function () {
+        return runTests('testcafe-fixtures/index.js');
+    });
+});
+
+
diff --git a/test/functional/fixtures/regression/gh-3924/testcafe-fixtures/index.js b/test/functional/fixtures/regression/gh-3924/testcafe-fixtures/index.js
@@ -0,0 +1,16 @@
+import { ClientFunction } from 'testcafe';
+
+fixture `GH-3924 - Scroll to element overlapped by TestCafe panel`
+    .page`http://localhost:3000/fixtures/regression/gh-3924/pages/index.html`;
+
+const getClicked = ClientFunction(() => {
+    return window.clicked;
+});
+
+test(`Click button`, async t => {
+    await t.click('button');
+
+    const clicked = await getClicked();
+
+    await t.expect(clicked).eql(true);
+});