如何在 Rails 3 中使用 Cucumber / Capybara 查找页面上的图像

Question

我正在将 Cucumber / Capybara 与 Rails 3 一起使用，并尝试在上传后验证图像的存在。我不知道如何检查图像的 url 来验证它。

我有以下场景：

Scenario: Create new listing
    Given I am on the new listing page
    When I fill in "listing_name" with "Amy Johnson Photography"
    And I attach the file "features/support/test_image.jpg" to "listing_images_attributes_0_photo" 

    And I press "Create"
    Then I should see "Amy Johnson Photography"
    And I should see the image "test_image.jpg"

除了最后一步之外，一切都过去了。

我已经在我的步骤定义中尝试过这个，如果它是页面上的文本，则效果很好，但不适用于图像网址：

Then /^I should see the image "(.+)"$/ do |image|
  if page.respond_to? :should
      page.should have_content(image)
    else
      assert page.has_content?(image)
    end
end

然后我也尝试了类似此步骤定义的方法：

Then /^I should see the image "(.+)"$/ do |image|
    html = Nokogiri::HTML(response.body)
    tags = html.xpath('//img[@src="/public/images/foo.png"]')
    # tags.length.should eql(num_of_images)
end

这会导致以下错误：

And I should see the image "test_image.jpg"                                                    # features/step_definitions/listing_steps.rb:41
      undefined method `body' for nil:NilClass (NoMethodError)
      ./features/step_definitions/listing_steps.rb:42:in `/^I should see the image "(.+)"$/'
      features/manage_listings.feature:24:in `And I should see the image "test_image.jpg"'

I'我假设您需要 nokogiri 步骤才能正确找到它。或者如果有更好的方法，我愿意接受建议。如何验证我刚刚上传的图像是否在页面上？谢谢。

Answer 1

Nokogiri 的解决方案应该可以正常工作。唯一的问题是 Cabybara API 与 Webrat 不同，因此您必须使用 page.body，而不是 response.body。

但还有一种更好的方法来使用 Cabybara 测试图像：

Then /^I should see the image "(.+)"$/ do |image|
    page.should have_xpath("//img[@src=\"/public/images/#{image}\"]")
end

Answer 2

你好，我不擅长使用 XPATH，但你可以尝试使用 CSS：

  if page.respond_to? :should
    page.should have_selector("img[src$='#{imagename}']")
  else
    assert page.has_selector?("img[src$='#{imagename}']")
  end

希望有帮助！
杰兰比

Answer 3

您可以通过这种方式进行测试，并且不依赖于路径：

Then /^I should see the image "(.+)"$/ do |image|
    page.should have_xpath("//img[contains(@src, \"#{image}\")]")
end

Answer 4

页面.应该

现已弃用。改用

期望（页面）.to

完整示例：

Then /^I should see the image "(.+)"$/ do |image|
    expect(page).to have_xpath("//img[contains(@src, \"#{image}\")]")
end

Answer 5

这有效吗？

page.should have_xpath('//img[@src="/public/images/foo.png"]')

Answer 6

如果您有很多想要测试的图像，您可以创建一个 has_image？水豚的匹配器。

这很简单，这篇文章逐步解释了它： 添加 has_image？水豚匹配器

Answer 7

是的，但是这些 xpath 测试不会处理这样的事实：...

/public/images/foo.jpg
public/images/foo.jpg
http://mydomain.com/public/images/foo.jpg

...都是相同的图像有效链接。

Answer 8

这种语法对我有用并且更具可读性。

page.should have_css("img", :src => "/public/images/foo.png")