ruby-on-rails - CapybaraとRSpecを使用してCSSセレクターの値をテストするにはどうすればよいですか？

Question

HTMLページには、次のコードが含まれているはずです。

<div class="user-image" style="background-image:url(/images/user_image.jpg)">

CapybaraとRSpecを使用してこれをどのように確認しますか？

Answer 1

おそらく、この div が指定された背景画像を使用していることを確認しようとしています。私はおそらく次のようなことをするでしょう：

it "has a user image" do
  page.should have_selector('div.user-image')
end

it "displays the user image" do
  page.find('div.user-image')['style'].should == 'background-image:url(/images/user_image.jpg)'
end

ただし、RSpec はおそらくこの仕事には不適切なツールです。このようなテストには Cucumber の使用を検討してください。

Answer 2

Capybara と Selenium では、ブラウザで JavaScript を実行して結果を返すことができます

方法は次のとおりです。

page.execute_script 'return $("div.user-image").css("background-image");'