Làm thế nào để kiểm tra giá trị của một bộ chọn CSS bằng cách sử dụng Capybara và RSpec?

Question

Trang HTML có nghĩa vụ phải có đoạn mã sau:

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

Làm thế nào bạn sẽ kiểm tra này bằng Capybara và RSpec?

Answer 1

Có lẽ, bạn đang cố gắng xác minh rằng div này sử dụng hình nền được chỉ định. Tôi có thể sẽ làm một việc như sau:

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, tuy nhiên, có thể là công cụ sai cho công việc. Cân nhắc sử dụng Cucumber cho các thử nghiệm như thế này.

Answer 2

Capybara và Selenium cho phép chạy JavaScript trong trình duyệt và trả lại kết quả

đây là cách:

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