Controllo dell'esistenza di immagini e favicon con RSpec e Capybara

Question

Esiste un buon modo per verificare l'esistenza di immagini e favicon usando rspec e capybara?

Posso controllare il DOM di favicon e immagini, ma voglio essere in grado di controllare che anche quelle immagini vengano caricate. Questo è possibile con rspec e capybara?

Answer 1

describe "check images and favicon" do 
    before { visit "url/to/check") 

    it "should have the images" do 
    page.should have_css('img', text: "image1.jpg") 

    it "should have the favicon" do 
    page.should have_xpath("/html/head/link[@href='favicon.ico']" 
    end 
end 

Answer 2

La domanda è di scoprire se sono presenti img e favicon effettivi. Ecco il codice per verificare che tutte le immagini per il cursore siano presenti.

page.all('#carousel img').each do |img| 
    visit img[:src] 
    page.status_code.should be 200 
end 

Per singola immagine con l'utilizzo id myimage

visit page.find('img#myimage')[:src] 
page.status_code.should be 200 

E per favicon semplice è quello di eseguire il seguente

page.all('link[rel~="icon"]', visible: :any).each do |fav| 
    visit fav[:href] 
    page.status_code.should be 200 
end 

Answer 3

# frozen_string_literal: true 

module Capybara 
    module CustomMatchers 
    include Capybara::DSL 

    class Asset 
     def asset_exists?(actual, src) 
     js_script = <<JSS 
xhr = new XMLHttpRequest(); 
xhr.open('GET', '#{src}', true); 
xhr.send(); 
JSS 
     actual.execute_script(js_script) 
     status = actual.evaluate_script('xhr.status') # get js variable value 
     status == 200 || status == 302 
     end 
    end 

    class LoadImage < Asset 
     def initialize(*args) 
     @args = args 
     @src = args.first 
     end 

     def matches?(actual) 
     is_present = actual.has_selector?("img[src='#{@src}']") 
     is_present && asset_exists?(actual, @src) 
     end 

     def does_not_match?(actual) 
     actual.has_no_selector?("img[src='#{@src}']") 
     end 

     def failure_message 
     "No image loaded with source: '#{@src}'" 
     end 

     def failure_message_when_negated 
     "Image loaded with source: '#{@src}'" 
     end 

     def description 
     "Verify if image with source: '#{@src}' is loaded" 
     end 
    end 

    class LoadFavicon < Asset 
     def initialize(*args) 
     @args = args 
     @rel = args.first 
     @href = args.second 
     end 

     def matches?(actual) 
     is_present = actual.has_selector?("link[rel='#{@rel}'][href='#{@href}']", visible: false) 
     is_present && asset_exists?(actual, @href) 
     end 

     def does_not_match?(actual) 
     actual.has_no_selector?("link[rel='#{@rel}'][href='#{@href}']", visible: false) 
     end 

     def failure_message 
     "No favicon loaded with rel: '#{@rel}' and href: '#{@href}'" 
     end 

     def failure_message_when_negated 
     "Favicon loaded with rel: '#{@rel}' and href: '#{@href}'" 
     end 

     def description 
     "Verify if favicon with rel: '#{@rel}' and href: '#{@href}' is loaded" 
     end 
    end 

    def load_image(*args) 
     LoadImage.new(*args) 
    end 

    def load_favicon(*args) 
     LoadFavicon.new(*args) 
    end 
    end 
end 

RSpec.configure do |config| 
    config.include Capybara::CustomMatchers 
end 

Controllare https://gist.github.com/yovasx2/1c767114f2e003474a546c89ab4f90db a stella e scaricare