redhat-developer / vscode-extension-tester

ExTester: Your Essential UI Testing Companion for Visual Studio Code Extensions! Seamlessly execute UI tests with Selenium WebDriver, ensuring robustness and reliability in your extension development journey. Simplify UI testing for your VS Code extensions and elevate the quality of your user interface effortlessly.
Apache License 2.0
258 stars 70 forks source link

[🚫 Bug] Explanation/Dialog window blocks the option to be picked #1285

Open lgrossma opened 5 months ago

lgrossma commented 5 months ago

Describe the bug

When trying to access some element for future work, like InputBox.create(), I assume the extension tester "moves the pointer" to the location of the element and due to the "hovering mouse" over the element, it shows a windows with a dialog that blocks access to the element underneath the window. I was also experiencing similar issue with notifications.

Screenshot 2024-04-30 at 10 22 52

Steps to reproduce

1. Choose some element that shows information when hovering over it with mouse
2. Dialog window shows up when hovering over the element with mouse
3. Try to access element underneath the dialog window
4. Element is unaccessible

In my case it was this code:
inputBox = await InputBox.create();
await inputBox.selectQuickPick(INPUTS.credentialsQuickPick);

Logs

1) Extension cluster-dependant UI tests
15:37:13         Login
15:37:13           Login works when kube config is missing:
15:37:13       ElementClickInterceptedError: element click intercepted: Element <div class="monaco-list-row focused" role="option" data-index="0" data-last-element="false" data-parity="even" aria-setsize="2" aria-posinset="1" id="list_id_16_0" aria-label="Credentials, Log in to the given server using credentials" aria-level="1" draggable="false" style="top: 0px; height: 22px;">...</div> is not clickable at point (513, 104). Other element would receive the click: <div class="hover-contents" style="white-space: pre-wrap;">...</div>
15:37:13    (Session info: chrome=120.0.6099.291)
15:37:13        at Object.throwDecodedError (node_modules/selenium-webdriver/lib/error.js:521:15)
15:37:13        at parseHttpResponse (node_modules/selenium-webdriver/lib/http.js:513:13)
15:37:13        at Executor.execute (node_modules/selenium-webdriver/lib/http.js:446:28)
15:37:13        at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
15:37:13        at async Driver.execute (node_modules/selenium-webdriver/lib/webdriver.js:740:17)
15:37:13        at async QuickPickItem.select (node_modules/@redhat-developer/page-objects/out/components/workbench/input/Input.js:245:9)
15:37:13        at async InputBox.selectQuickPick (node_modules/@redhat-developer/page-objects/out/components/workbench/input/Input.js:105:13)

Operating System

Rhel 8

Visual Studio Code

max

vscode-extension-tester

8.1.0

NodeJS

18.15.0

npm

No response

lgrossma commented 5 months ago

Also a note, I experienced this issue on a VM's running on our CI (jenkins/GHA), so it may also be caused by the size of the vscode window?