Làm cách nào để tìm hình ảnh trên trang có Cucumber/Capybara trong Rails 3

Question

Tôi đang sử dụng Cucumber/Capybara với Rails 3 và đang cố gắng xác thực sự tồn tại của hình ảnh sau khi tải lên. Tôi không chắc chắn làm thế nào để kiểm tra url của hình ảnh để xác nhận nó.

Tôi có các tình huống sau:

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" 

Tất cả mọi thứ trôi qua, ngoại trừ bước cuối cùng.

Tôi đã thử này cho độ nét bước của tôi, mà làm việc tuyệt vời nếu đó là văn bản trên trang, nhưng không cho một url hình ảnh:

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 

Sau đó, tôi cũng đã thử một cái gì đó giống như bước này định nghĩa thay vì:

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 

gây lỗi sau:

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

tôi giả định bạn cần một bước nokogiri để tìm ra điều này đúng. Hoặc nếu có cách nào tốt hơn, tôi mở lời đề xuất. Làm cách nào tôi có thể xác thực rằng hình ảnh tôi vừa tải lên nằm trên trang? Cảm ơn.

Answer 1

Giải pháp với Nokogiri sẽ hoạt động tốt. Vấn đề duy nhất là API Cabybara khác với Webrat, vì vậy thay vì response.body, bạn phải sử dụng page.body.

Nhưng theres một cách tốt hơn để kiểm tra hình ảnh với Cabybara:

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

Answer 2

Liệu công việc này?

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

Answer 3

Hi Tôi không tốt với XPath nhưng với CSS bạn có thể thử:

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

mong muốn giúp! jramby

Answer 4

Có, nhưng những thử nghiệm xpath sẽ không đối phó với thực tế là ...

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

... là tất cả các liên kết hợp lệ cùng với những hình ảnh.

Answer 5

Nếu bạn có nhiều hình ảnh mà bạn muốn thử nghiệm, bạn có thể tạo has_image? matcher cho Capybara.

Nó rất dễ dàng và sau này giải thích nó bước-by-step: Adding a has_image? Matcher to Capybara

Answer 6

Bạn có thể kiểm tra nó theo cách này, và cũng không phụ thuộc vào đường dẫn:

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

Answer 7

cú pháp này làm việc cho tôi và dễ đọc hơn.

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

Answer 8

page.should

hiện đang bị phản đối.Sử dụng thay vì

expect(page).to

Full dụ:

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