Làm cách nào tôi có thể kiểm tra xem trường biểu mẫu được điền sẵn chính xác bằng capybara?

Tôi có một trường với nhãn phù hợp mà tôi có thể điền vào bằng capybara mà không gặp vấn đề gì:

fill_in 'Your name', with: 'John'

Tôi muốn kiểm tra giá trị của nó trước khi điền vào và không thể tìm ra.

Nếu tôi thêm sau fill_indòng sau:

find_field('Your name').should have_content('John')

Thử nghiệm đó không thành công, mặc dù việc điền trước đó đã hoạt động như tôi đã xác minh bằng cách lưu trang.

Tôi đang thiếu gì?

Bạn có thể sử dụng truy vấn xpath để kiểm tra xem có thành inputphần nào có giá trị cụ thể không (ví dụ: 'John'):

expect(page).to have_xpath("//input[@value='John']")

Xem http://www.w3schools.com/xpath/xpath_syntax.asp để biết thêm thông tin.

Có lẽ là một cách đẹp hơn:

expect(find_field('Your name').value).to eq 'John'

EDIT: Ngày nay tôi có thể sử dụng have_selector

expect(page).to have_selector("input[value='John']")

Nếu bạn đang sử dụng mẫu đối tượng trang (bạn nên có!)

class MyPage < SitePrism::Page
  element :my_field, "input#my_id"

  def has_secret_value?(value)
    my_field.value == value
  end
end

my_page = MyPage.new

expect(my_page).to have_secret_value "foo"

Một giải pháp đẹp khác sẽ là:

page.should have_field('Your name', with: 'John')

hoặc là

expect(page).to have_field('Your name', with: 'John')

tương ứng.

Cũng xem tài liệu tham khảo .

Lưu ý : đối với đầu vào bị vô hiệu hóa, bạn sẽ cần thêm tùy chọn disabled: true.

Nếu bạn đặc biệt muốn kiểm tra giữ chỗ, hãy sử dụng:

page.should have_field("some_field_name", placeholder: "Some Placeholder")

hoặc là:

expect(page).to have_field("some_field_name", placeholder: "Some Placeholder")

Nếu bạn muốn kiểm tra giá trị do người dùng nhập:

page.should have_field("some_field_name", with: "Some Entered Value")

Tôi đã tự hỏi làm thế nào để làm điều gì đó hơi khác nhau: Tôi muốn kiểm tra xem lĩnh vực này có một số giá trị (trong khi tận dụng các khả năng Capybara để tái kiểm tra các khớp cho đến khi nó phù hợp ). Hóa ra là có thể sử dụng "khối lọc" để thực hiện việc này:

expect(page).to have_field("field_name") { |field|
  field.value.present?
}