ruby on rails 4 - Capybara find nested CSS -

ruby on rails 4 - Capybara find nested CSS -

initial approach seek this:

page.should have_xpath('//input[@data-name="sleeping bag"][@data-number="1"][@value="this first tent should have rainfly"]')

it refuses work, seek css selector not sure how select. there multiple input items data-name="sleeping bag", 1 have data-number="1". i.e, rendered html looks like:

<div class="form-group" id="cart"> <ul class="cart"> <li class="cart-item" data-id="3" data-name="sleeping bag" data-number="1">&nbsp;sleeping bag&nbsp;&nbsp;</li> <input data-id="3" data-number="1" data-name="sleeping bag" class="specifications-field" id="specification" name="items[][specification]" placeholder="optional specifications" type="text"> <li class="cart-item" data-id="3" data-name="sleeping bag" data-number="2"><span class="glyphicon glyphicon-minus-sign minus-icon" id="remove_item" data-id="3" data-name="sleeping bag" data-number="2">&nbsp;sleeping bag&nbsp;&nbsp;</li> <input data-id="3" data-number="2" data-name="sleeping bag" class="specifications-field" id="specification" name="items[][specification]" placeholder="optional specifications" type="text"> </ul> </div>

how find first 1 , check it's value? in format:

find_field('pickupaddress').value.should eq "test"

also open different approaches! thinking of executing script if came downwards because jquery can find field $('[id=specification][data-number=1]')

ruby-on-rails-4 rspec css-selectors capybara integration-testing