如何使用水豚测试图像 alt 值？

Question

我正在尝试定义一个步骤来使用 Capybara 和 CSS 选择器测试图像的替代文本的值。

我根据自述文件示例为输入值编写了一个：

Then /^I should see a value of "([^\"]*)" within the "([^\"]*)" input$/ do |input_value, input_id|
  element_value = locate("input##{input_id}").value
  element_value.should == input_value
end

但我无法弄清楚这个...类似：

Then /^I should see the alttext "([^\"]*)"$/ do | alt_text |
  element_value = locate("img[alt]").value
end

有人知道如何找到替代文本值吗？

Answer 1

Capybara 默认使用 xpath，因此除非您更改该设置，否则这可能是您问题的一部分。 （您可以使用 locate(:css, "img[alt]")）。

我会使用 xpath 编写测试，如下所示：

Then /^I should see the alt text "([^\"]*)"$/ do | alt_text |
    page.should have_xpath("//img[@alt=#{alt_text}]")
end

Then /^I should see a value of "([^\"])" within the "([^\"])" input$/ do |input_value, input_id|
    page.should have_xpath("//input[@id=#{input_id} and text()=#{input_value}]
end

Answer 2

我相信 value 方法返回输入字段的值，不能用于测试属性。

像这样的东西可能会起作用：

page.should have_css("img[alt=the_alt_text_you_are_expecting]")

Answer 3

主题的另一个变体：

Then /^I should see the image alt "([^"]*)"$/ do |alt_text|
  page.should have_css('img', :alt => alt_text)
end

Answer 4

我不确定您用来查找图像的方法，但这对我有用：

expect(find_by_id("image-1")[:alt]).to have_content('tree')

一旦您拥有该元素， [:"tag"] 将为您提供值。

$thing = find_by_id("image-1")[:alt] 

如果您有更复杂的测试，会将 thing 设置为该值。