ansaurus

Question

How can I test one, more or none images in a page with Cucumber?

Answer 1

+2 A:

You need to write a custom cucumber step that uses a custom rspec expectation matcher.

The sudo code would look something like this.

features/page.feature

Given I am on the images page
Then I should see 3 images

features/step_definitions/page_steps.rb

This file would use nokogiri to collect all the images with a given name and then use rspec to validate your expectation.

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

Here is a working Rspec example that shows how to use Nokogiri with Rspec

require 'nokogiri'

describe "ImageCount" do 

  it "should have 4 image" do
    html = Nokogiri::HTML('<html><body><div id=""><img src="/public/images/foo.png"></div>    <div id=""><img src="/public/images/foo.png"></div>    <div id=""><img src="/public/images/foo.png"></div>    <div id=""><img src="/public/images/foo.png"></div>    </html></body>')
    tags = html.xpath('//img[@src="/public/images/foo.png"]')
    tags.length.should eql(4)
  end

  it "should have 3 image" do
    html = Nokogiri::HTML('<html><body><div id=""><img src="/public/images/bar.png"></div>    <div id=""><img src="/public/images/foo.png"></div>    <div id=""><img src="/public/images/foo.png"></div>    <div id=""><img src="/public/images/foo.png"></div>    </html></body>')
    tags = html.xpath('//img[@src="/public/images/foo.png"]')
    tags.length.should eql(3)
  end

  it "should have 1 image" do
    html = Nokogiri::HTML('<html><body><div id=""><img src="/public/images/bar.png"></div>    <div id=""><img src="/public/images/aaa.png"></div>    <div id=""><img src="/public/images/bbb.png"></div>    <div id=""><img src="/public/images/foo.png"></div>    </html></body>')
    tags = html.xpath('//img[@src="/public/images/foo.png"]')
    tags.length.should eql(1)
  end

end

jspooner 2010-07-20 19:21:16

Also this line "tags.length.should eql(1)" could be cleaned up. It should be something like "tags.should have(1)"

jspooner 2010-07-20 22:53:16

ansaurus

tags:

views:

answers:

How can I test one, more or none images in a page with Cucumber?

related questions