68
65

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

非表示要素はCapybaraのfindで検索対象になるのか

Last updated at Posted at 2014-03-04

display: none で非表示にした要素は、Capybaraのfindやallの検索対象になるのでしょうか?

結論からいうと、「デフォルトでは非表示要素は検索対象にならない」です。

リファレンスを見ると下記の記述があります。

Module: Capybara::Node::Finders

visible (Boolean) —
Only find elements that are visible on the page. Setting this to false finds invisible andvisible elements.

つまり、visibleオプションを付けることでfindの動作を変えられるということです。要約すると以下のようになります。

visible: true  #=> display: noneのものは検出しない
visible: false #=> display: noneでも検出する

visibleオプションはどちらがデフォルト?

ただ、この記述ではどちらの状態がデフォルトなのかわかりません。
そこでソースを見に行ってみます。

lib/capybara/query.rb

def visibleありますね。visibleオプション指定がないときは、
Capybara.ignore_hidden_elementsを見て判定しているようです。

こいつはlib/capybara.rbにありました。

[ignore_hidden_elements = Boolean] Whether to ignore hidden elements on the page (Default: true)

デフォルトはtrueなので、見えないものは探さないってことになります。つまり、

visible: true  #=> display: noneのものは検出しない(デフォルト)
visible: false #=> display: noneでも検出する

ということですね。

おまけ

デフォルト動作の設定

Capybaraのデフォルトの動作を変えたければ、ignore_hidden_elementsを予め変更してあげれば良いのです。
つまり、spec全体で非表示要素も検索対象に加えたければ、spec_helper等で次のように定義します。

Capybara.ignore_hidden_elements = false

visibleオプションは色々なところで使える

visibleオプションは他のマッチャーなどでも使えます。

have_selector('.hoge', visible: false)

のようにすることで、非表示要素であってもspecの対象にすることができます。

###「非表示であること」のテスト

下記のように記述すると非表示なのか、そもそも存在しないのかが区別できません。

expect(page).not_to have_selector('.hoge')

従って、visible: falseを使って以下のようにすると良い感じです。

expect(find('.hoge', visible: false)).not_to be_visible

--

※以上は、もともとblogで書いた記事をQiitaに移植したものです。個人的に何度も役に立っているので。

68
65
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
68
65

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?