Element returns aria-hidden=true property only during TestCafe script.

[harry7771]

What is your Scenario?

Click a dropdown in my company's Workday app via TC script.

What is the Current behavior?

A 'button' element returns a property of 'display: none' or aria-hidden=true during a run of the TC script, but the element does not return those properties when the same workflow is run manually. My script is therefore unable to click the screen element.
Here is the TC error:
The action target (...) is invisible.
It descends from an element that has the 'display: none' property (

...

).

What is the Expected behavior?

I would expect TC to return the same element properties during the automated script as when it is run manually.

What is the public URL of the test page? (attach your complete example)

Unfortunately there is no public access to this site.

What is your TestCafe test code?

const editStatementDropdown = Selector('div[title="Statements"]').find('button[title="Edit"]');

Your complete configuration file

no config file in use

Your complete test report

A 'button' element returns a property of 'display: none' or aria-hidden=true during a run of the TC script, but the element does not return those properties when the same workflow is run manually. My script is therefore unable to click the screen element.
Here is the TC error:
The action target (...) is invisible.
It descends from an element that has the 'display: none' property (

...

).

Screenshots

Steps to Reproduce

TestCafe version

3.1.0

Node.js version

18.17.1

Command-line arguments

testcafe chrome demo.test.js -e

Browser name(s) and version(s)

latest of Chrome and Firefox

Platform(s) and version(s)

No response

Other

No response

[harry7771]

Fixed!
Simply added the following to the existing selector: .filterVisible()