¿Cómo puedo encontrar una imagen en una página con Cucumber/Capybara en Rails 3

Question

Estoy usando Cucumber/Capybara with Rails 3 y estoy tratando de validar la existencia de una imagen después de la carga. No estoy seguro de cómo verificar la URL de la imagen para validarla.

que tienen el siguiente escenario:

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" 

Todo pasa, excepto el último paso.

He intentado esto para mi definición de paso, que funciona muy bien si se trata de texto en la página, pero no lo hace para una URL de la imagen:

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 

Luego También he intentado algo parecido a este paso definición lugar:

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 

que provoca el error siguiente:

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"' 

Asumo necesitas un paso de nokogiri para encontrar esto correctamente. O si hay una mejor manera, estoy abierto a sugerencias. ¿Cómo puedo validar que la imagen que acabo de subir está en la página? Gracias.

Answer 1

La solución con Nokogiri debería funcionar bien. El único problema es que la API de Cabybara es diferente a Webrat, por lo que en lugar de response.body, debe usar page.body.

Pero theres una manera aún mejor para la prueba de la imagen con Cabybara:

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

Answer 2

hace este trabajo?

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

Answer 3

Hola no soy bueno con XPATH pero con CSS que puede probar:

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

deseo ayuda! jramby

Answer 4

Sí, pero estas pruebas XPath no lidiar con el hecho de que ...

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

... son todos iguales enlace válido a la imagen.

Answer 5

Si tiene muchas imágenes que le gustaría probar, ¿podría crear una has_image? matcher para Capibara.

Es fácil y este post lo explica paso a paso: Adding a has_image? Matcher to Capybara

Answer 6

Puede probar de esta manera, y tampoco en función de la ruta:

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

Answer 7

esta sintaxis trabajó para yo y es más legible

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

Answer 8

page.should

ahora es obsoleto.Utilizar en lugar

expect(page).to

ejemplo completo:

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