更新日: 2014年3月6日
RSpec

フォームの input フィールドの value 値を RSpec + Capybara でテスト

フォーム要素の input フィールドの value 値が正しい値となっているかをテストする方法。User モデルのビューでよくある感じの以下のような input フィールドを例とします。

<input id="user_email" name="user[email]" type="email" value="user@example.com" />
<input id="user_name" name="user[name]" type="text" value="use_name_example" />

1 2	<input id="user_email" name="user[email]" type="email" value="user@example.com" /> <input id="user_name" name="user[name]" type="text" value="use_name_example" />

【お知らせ】英単語を画像イメージで楽に暗記できる辞書サイトを作りました。英語学習中の方は、ぜひご利用ください！

画像付き英語辞書 Imagict | 英単語をイメージで暗記
【開発記録】
英単語を画像イメージで暗記できる英語辞書サービスを作って公開しました

— 環境 —
rails-4.0.1
rspec-rails-2.14.0
capybara-2.2.0

should have_xpath を使う

これらのフォーム input フィールドの value 値が正しく出力されているか、あるいは空になっているかをテストしたいケースがありました。先に結論から言うと、実際に正しく動作したテストコードは以下。user が User モデルのオブジェクトとなっています。

it { should have_xpath("//input[@id='user_email'][@value='#{user.email}']") }

1	it { should have_xpath("//input[@id='user_email'][@value='#{user.email}']") }

have_css, have_selector では動かなかった

最初、have_css, have_selector を試したのですが、上手くテストが動作しませんでした。

it { should have_css("input#user_email", value: user.email) }

1	it { should have_css("input#user_email", value: user.email) }

これは以下のエラー。


Failure/Error: it { should have_css("input#user_email", value: user.email) }
ArgumentError:
  invalid keys :value, should be one of :text, :visible, :between, :count, :maximum, :minimum, :exact, :match, :wait

Failure/Error: it { should have_css("input#user_email", value: user.email) }

ArgumentError:

invalid keys :value, should be one of :text, :visible, :between, :count, :maximum, :minimum, :exact, :match, :wait

have_selector に変えてみるも…

it { should have_selector("input#user_email", value: user.email) }

1	it { should have_selector("input#user_email", value: user.email) }

同様のエラー。


Failure/Error: it { should have_selector("input#user_email", value: user.email) }
ArgumentError:
  invalid keys :value, should be one of :text, :visible, :between, :count, :maximum, :minimum, :exact, :match, :wait

Failure/Error: it { should have_selector("input#user_email", value: user.email) }

ArgumentError:

invalid keys :value, should be one of :text, :visible, :between, :count, :maximum, :minimum, :exact, :match, :wait

ということで、最初に紹介した XPath で指定する方法を利用しました。