Làm thế nào để lấy nút cha trong Capybara?

Tôi đang làm việc với nhiều plugin jQuery, thường tạo các phần tử DOM mà không có id hoặc các thuộc tính nhận dạng khác và cách duy nhất để lấy chúng trong Capybara (ví dụ: nhấp chuột) - là lấy hàng xóm của họ (một đứa con khác của tổ tiên) . Nhưng tôi không tìm thấy ở đâu Capybara hỗ trợ những thứ như vậy chẳng hạn:

find('#some_button').parent.fill_in "Name:", :with => name

?

Tôi thực sự thấy câu trả lời của jamuraa hữu ích, nhưng việc sử dụng xpath đầy đủ khiến tôi gặp ác mộng về một chuỗi trong trường hợp của tôi, vì vậy tôi vui vẻ sử dụng khả năng nối các tìm kiếm trong Capybara, cho phép tôi kết hợp lựa chọn css và xpath. Ví dụ của bạn sau đó sẽ giống như sau:

find('#some_button').find(:xpath,".//..").fill_in "Name:", :with => name

Cập nhật Capybara 2.0 : find(:xpath,".//..")rất có thể sẽ Ambiguous matchxảy ra lỗi. Trong trường hợp đó, hãy sử dụng first(:xpath,".//..")thay thế.

Không có cách nào để làm điều này với capybara và CSS. Tuy nhiên, tôi đã sử dụng XPath trước đây để thực hiện mục tiêu này, tuy nhiên, nó có cách để lấy phần tử mẹ và được hỗ trợ bởi Capybara:

find(:xpath, '//*[@id="some_button"]/..').fill_in "Name:", :with => name

Tôi thấy những điều sau đây hoạt động:

find(:xpath, '..')

Capybara đã được cập nhật để hỗ trợ điều này.

https://github.com/jnicklas/capybara/pull/505

Nếu bạn tình cờ gặp phải điều này khi cố gắng tìm cách tìm bất kỳ nút cha nào (như trong tổ tiên ) (như được gợi ý trong nhận xét của @ vrish88 về câu trả lời của @Pascal Lindelauf):

find('#some_button').find(:xpath, 'ancestor::div[@id="some_div_id"]')

Câu trả lời này liên quan đến cách thao tác một phần tử anh em, đó là điều mà tôi tin rằng câu hỏi ban đầu đang ám chỉ đến

Giả thuyết câu hỏi của bạn hoạt động với một chỉnh sửa nhỏ. Nếu trường được tạo động trông giống như thế này và không có id:

<div>
  <input></input>
  <button>Test</button>
</div>

Khi đó truy vấn của bạn sẽ là:

find('button', text: 'Test').find(:xpath, "..").find('input').set('whatever')

Nếu đầu vào được tạo động đi kèm với một phần tử id (hãy cẩn thận với những phần tử này mặc dù như trong góc, chúng sẽ không thay đổi dựa trên việc thêm và xóa phần tử) thì nó sẽ giống như sau:

find('button', text: 'Test').find(:xpath, "..").fill_in('#input_1', with: 'whatever')

Hy vọng rằng sẽ giúp.

Tôi đang sử dụng một cách tiếp cận khác bằng cách tìm phần tử mẹ trước tiên bằng cách sử dụng văn bản trong phần tử mẹ này:

find("<parent element>", text: "text within your #some_button").fill_in "Name:", with: name

Có thể điều này hữu ích trong một tình huống tương tự.

Tôi cần tìm tổ tiên có lớp css, mặc dù không xác định được nếu tổ tiên mục tiêu có một hoặc nhiều lớp css, vì vậy tôi không thấy cách nào để thực hiện truy vấn xpath xác định. Thay vào đó, tôi đã làm việc này:

def find_ancestor_with_class(field, cssClass)
  ancestor = field
  loop do
    ancestor = ancestor.find(:xpath, '..')
    break if ancestor.nil?

    break if ancestor.has_css? cssClass
  end

  ancestor
end

Cảnh báo: sử dụng điều này một cách tiết kiệm, nó có thể khiến bạn mất rất nhiều thời gian trong các bài kiểm tra, vì vậy hãy đảm bảo rằng tổ tiên chỉ cách chúng ta vài bước.

Nó đây

http://rubydoc.info/github/jnicklas/capybara/master/Capybara/Node/Base:parent

Có một phương thức gốc;)