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

December 31, 2020

commit history
  1. 2020/11/22 23:17:24 0bcbf2d
  2. 2020/11/22 23:17:03 2415e38
  3. 2020/11/22 23:14:52 22228f3
headline

⭕️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;

contact