CODEWITHSUNDEEP
ruby-on-railsrubycucumberbddcapybara
sandrew
sandrew

Reputation: 3129

How to get parent node in Capybara?

I'm working with many jQuery plugins, that often create DOM elements without id or other identification properties, and the only way to get them in Capybara (for clicking for example) - is to get their neighbor (another child of its ancestor) first. But I didn't find anywhere, does Capybara support such things for example:

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

?

Upvotes: 103

Views: 35088

Answers (9)

Foton
Foton

Reputation: 1287

As mentioned in comment by @Tyler Rick Capybara in these days have methods[ ancestor(selector) and sibling(selector)

Upvotes: 8

B Seven
B Seven

Reputation: 45943

I found the following that does work:

find(:xpath, '..')

Capybara has been updated to support this.

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

Upvotes: 48

T. Slater
T. Slater

Reputation: 71

This answer pertains to how to manipulate a sibling element which is what I believe the original question is alluding to

Your question hypothesis works with a minor tweak. If the dynamically generated field looks like this and does not have an id:

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

Your query would then be: 

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

If the dynamically generated input does come attached with an id element (be careful with these though as in angular, they are wont to change based on adding and deleting elements) it would be something like this:

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

Hope that helps.

Upvotes: 7

jamuraa
jamuraa

Reputation: 3419

There isn't a way to do this with capybara and CSS. I've used XPath in the past to accomplish this goal though, which does have a way to get the parent element and is supported by Capybara:

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

Upvotes: 39

kross
kross

Reputation: 3753

I needed to find an ancestor with a css class, though it was indeterminate if it the target ancestor had one or more css classes present, so I didn't see a way to make a deterministic xpath query. I worked this up instead:

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

Warning: use this sparingly, it could cost you a lot of time in tests so make sure the ancestor is just a few hops away.

Upvotes: 2

Ben Alavi
Ben Alavi

Reputation: 392

If you stumbled across this trying to figure out how to find any parent (as in ancestor) node (as hinted at in @vrish88's comment on @Pascal Lindelauf's answer):

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

Upvotes: 12

Dmitriy Konovalov
Dmitriy Konovalov

Reputation: 227

Here it is

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

There is a parent method present;)

Upvotes: -5

Pascal Lindelauf
Pascal Lindelauf

Reputation: 4870

I really found jamuraa's answer helpful, but going for full xpath gave me a nightmare of a string in my case, so I happily made use of the ability to concatenate find's in Capybara, allowing me to mix css and xpath selection. Your example would then look like this:

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

Capybara 2.0 update: find(:xpath,".//..") will most likely result in an Ambiguous match error. In that case, use first(:xpath,".//..") instead.

Upvotes: 118

Harm de Wit
Harm de Wit

Reputation: 2210

I'm using a different approach by finding the parent element first using the text within this parent element:

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

Maybe this is useful in a similiar situation.

Upvotes: 5

Related Questions