Not able to click on buttons where AngularJS component is passed a disabled property

[luujam2]

What is your Test Scenario?

We're using AngularJS (1.x), I'd like to click a button contained inside a wrapping component. The wrapping component contains a disabled property which doesn't necessarily mean the component is disabled; it's just passed to other nested components. I'm guessing when TestCafe attempts to click it, the disabled property of the AngularJS component stops the event from working.

What is the Current behavior?

Clicking on the accordion or any of its contents does nothing. However the component can still be manually toggled.

What is the Expected behavior?

Clicking on the accordion should open it. Interaction of its contents should react accordingly.

What is your web application and your TestCafe test code?

Please clone and run the test here: https://github.com/luujam2/testcafe-angularjs.
Supporting codepen: https://codepen.io/jl00161/pen/rNOXLmZ

Steps to Reproduce:

1. Go to the aforementioned github repository
2. Clone repository
3. run npm i
4. run npm test
5. Modify the codepen to remove the disabled property
6. run the test again

Your Environment details:

• testcafe version: 1.8.5
• node.js version: 10.18.1
• command-line arguments:
• browser name and version: Chrome 83
• platform and version: MacOS 10.14

[AlexKamaev]

Thank you for your input. I was able to reproduce the issue.

[LuudJanssen]

I'm also running into this issue. I found that this happens to me from version 1.8.3 onward.

[AndreyBelym]

Probably related to #5240

[miherlosev]

Hi @luujam2

A similar issue was fixed.
I cannot check the shared example, because I cannot get through the 'I am human' check using TestCafe.
Could you please modify your example so that we can download it and run it locally?

[no-response]

This issue was automatically closed because there was no response to our request for more information from the original author. Currently, we don't have enough information to take action. Please reach out to us if you find the necessary information and are able to share it. We are also eager to know if you resolved the issue on your own and can share your findings with everyone.