testcafeで見えているelementを対象にテストしたい時

⭕️visibleな要素のみ

Selector().filterVisible()

❌invisibleな要素を含む

Selector()

reference

testcafe

解説

testcafe

The elements that do not have display: none or visibility: hidden CSS properties and have non-zero width and height are considered visible.

日本語にすると

display: noneまたはvisibility: hiddenのCSSプロパティを持たず、widthとheightが0ではない要素はvisibleとみなされます。

となるので、以下のいずれかを含む場合はSelector.filterVisible()では検出されないということになります。

• display: none;
• visibility: hidden;
• width: 0;
• height: 0;