如何使用Capybara和RSpec测试CSS选择器的值？

Question

的HTML页面应该有下面的代码：

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

你怎么会检查这个使用水豚和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

水豚和硒允许在浏览器运行JavaScript和返回结果

这里是如何：

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