みなさんこんにちは、かじりです。testcafeでinvisibleな要素(display none, visibility hidden)以外を対象にする方法を共有します
Selector().filterVisible()
Selector()
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()では検出されないということになります。