element.visible is returning false , when in version 3.5.0 returned true

[gabogarcia1]

What is your Scenario?

As I upgraded the version to 3.6.0 , I was checking my test and most started to fail because "Elements were not visible". I went back to version 3.5.0 and i didn't have the issue

What is the Current behavior?

As I upgraded the version to 3.6.0 , I was checking my test and most started to fail because "Elements were not visible". I went back to version 3.5.0 and i didn't have the issue

What is the Expected behavior?

As I upgraded the version to 3.6.0 , I was checking my test and most started to fail because "Elements were not visible". I went back to version 3.5.0 and i didn't have the issue

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

work repository, cant share

What is your TestCafe test code?

cant share

Your complete configuration file

No response

Your complete test report

No response

Screenshots

No response

Steps to Reproduce

1. 2. 3.

TestCafe version

3.6.0

Node.js version

No response

Command-line arguments

none

Browser name(s) and version(s)

No response

Platform(s) and version(s)

No response

Other

No response

[HJL-bex]

I am recently seeing a similar issue, where e.g. the 'element is too small to be visible: 89px x 28px'. It seems to be affecting devexpress elements like selectbox inputs or components based on devexpress elements. Not sure if it's because of the latest testcafe version as I saw this happening in a previous version as well.

[github-actions[bot]]

Thank you for submitting a bug report. We would love to help you investigate the issue. Please share a simple code example that reliably reproduces the bug. For more information, read the following article: How To Create a Minimal Working Example When You Submit an Issue. We look forward to your response.

[HJL-bex]

We are using a dx-data-grid, with several dxo-properties and dxi-columns with cell templates. Clicking on the cellTemplate with the data-selector results in a message like "The action target (<own-created-element _ngcontent-ng-c3123921236="" data-selector="grid_something_column">...) is too small to be visible: 89px x 28px." Seen this in TestCafe versions 3.3.0, 3.5.0 and 3.6.1.

Column: <dxi-column cellTemplate="somethingTemplate" dataField="someNumber" calculateDisplayValue="something" dataType="string" caption="{{ 'text_to_translate' | translate }}" editCellTemplate="somethingEditTemplate" [width]="100" [renderAsync]="true" [allowEditing]="true"

CellTemplate: <div *dxTemplate="let d of 'somethingTemplate'"> <own-created-element [something]="d.row.data.somethingNumber" data-selector="grid_something_column">

[PavelMor25]

Hello @HJL-bex,

Thank you for sharing the layout and for the explanation, but we need an example to precisely reproduce the issue.

[github-actions[bot]]

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.

[gforepsly]

I also have the same issue with the latest version 3.6.1.

The error: The action target (...) is too small to be visible: 320px x 44px.

I can't really share the example, but so many of our tests are failing, it's a big problem for us. It's about an icon that is a checkbox, and the check is for the visibility, but it just fails with this error. Anything I can do about it to avoid this?