Cách sử dụng capybara trong rspec để nhấp vào tùy chọn thả xuống

Question

Tôi đang sử dụng ruby ​​trên đường ray 3.2.3 và capybara để giúp tạo thông số yêu cầu. Mục tiêu của tôi là tạo một yêu cầu spec để kiểm tra đăng xuất. Các trang web:

<li class="dropdown"> 
    <a class="dropdown-toggle" data-toggle="dropdown"> 
    Welcome <%= current_user.first_name + " "+ current_user.last_name%> 
    <b class="caret"></b> 
    </a> 
    <ul class="dropdown-menu"> 
    <a href="#"> 
     <%= link_to "Sign out", destroy_user_session_path, :method => :delete%> 
    </a> 
    </ul> 
</li> 

Đối với kiểm tra, tôi có

describe "sign out" do 
    it "should let user to sign out" do 
    login_as user, :scope => :user 
    # click_on "Welcome #{user.first_name} #{user.last_name}" 
    # Now click on Sign out 
    end 
end 

Tôi không biết làm thế nào để click vào Đăng xuất sử dụng Capybara vì nó là trong một trình đơn thả xuống, do đó không thể nhìn thấy tại trang. Có ai biết không ?

Có cách nào khác để nhấp vào một phần tử trong trình đơn thả xuống không?

Answer 1

Xin chào tôi đã tìm ra nó cuối cùng. Tôi đã phải sử dụng xpath để tìm liên kết. Dựa trên html ở trên, đây là những gì tôi đã làm:

Trong rspec, tôi đã viết:

page.find(:xpath, "//a[@href='/users/sign_out']").click 

Lý do tôi sử dụng "// a [@href = '/ người dùng/sign_out']" là vì link_to "Sign out", destroy_user_session_path, :method => :delete được biên dịch thành <a href="https://stackoverflow.com/users/sign_out" ... trên trang web.

Và nó hoạt động :-)

Oh bằng cách này, tôi tìm thấy liên kết này hữu ích: http://www.suffix.be/blog/click_image_in_link_capybara

Answer 2

tôi đã thử nghiệm một thả xuống ngay bằng cách nhấn vào liên kết cả hai

click_link "Welcome #{current_user.first_name} #{current_user.last_name}" 
click_link 'sub link' 

Answer 3

Một nhiều giải pháp dễ dàng hơn chỉ đơn giản là:

chọn ("tùy chọn bạn muốn chọn từ menu",: từ => "tên nhãn")

LƯU Ý: "Tên nhãn" là văn bản thực tế của <label>. Tuy nhiên, bạn cũng có thể sử dụng thuộc tính "id" hoặc "name" của số <select> ở đây, điều mà tôi nghĩ là tốt hơn vì bạn có thể thay đổi văn bản nhãn tại một số điểm và nếu bạn làm như vậy, các thử nghiệm của bạn sẽ vẫn vượt qua.

Answer 4

Ví dụ của tôi cho điều này

find("ol.nya-bs-select.btn-default.form-control[ng-model='scope.values.countries']") 
    .find_button("Nothing selected").click 

Answer 5

Tôi đã có một vấn đề tương tự, nhưng thả xuống của tôi không có bất kỳ văn bản, chỉ có biểu tượng:

%li#user-menu.dropdown 
    %a.dropdown-toggle{ href: "#", data: { toggle: "dropdown" }, role: "button", aria: { haspopup: "true", expanded: "false" } } 
    %i.fa.fa-user 
    %span.caret 
    %ul.dropdown-menu 
    %li.logout-text= link_to "Log Out", destroy_user_session_path, :method => :delete 

Trong spec của tôi tôi đã sử dụng:

def when_I_sign_out 
    find('#user-menu').click 
    click_on 'Log Out' 
end