Jak przetestować wartość selektora CSS za pomocą Capybara i RSpec?

Question

Strona HTML powinien mieć następujący kod:

<div class="user-image" style="background-image:url(/images/user_image.jpg)"> 

Jak byś to sprawdzić używając Kapibara i RSpec?

Answer 1

Prawdopodobnie próbujesz sprawdzić, czy ten element div używa określonego obrazu tła. Prawdopodobnie zrobiłbym coś takiego:

it "has a user image" do 
    page.should have_selector('div.user-image') 
end 

it "displays the user image" do 
    page.find('div.user-image')['style'].should == 'background-image:url(/images/user_image.jpg)' 
end 

RSpec jest jednak prawdopodobnie niewłaściwym narzędziem do pracy. Rozważ użycie ogórków do takich testów.

Answer 2

Kapibara i selen pozwalają na wykonywanie kodu JavaScript w przeglądarce i zwraca wynik

Oto jak:

page.execute_script 'return $("div.user-image").css("background-image");'