Ruby on rails 4 水豚发现嵌套CSS_Ruby On Rails 4_Rspec_Css Selectors_Capybara_Integration Testing

Ruby on rails 4 水豚发现嵌套CSS

ruby-on-rails-4 rspec

Ruby on rails 4 水豚发现嵌套CSS,ruby-on-rails-4,rspec,css-selectors,capybara,integration-testing,Ruby On Rails 4,Rspec,Css Selectors,Capybara,Integration Testing,最初的方法是尝试以下方法： page.should have_xpath('//input[@data-name="Sleeping bag"][@data-number="1"][@value="This first tent should have a rainfly"]') 它拒绝工作，所以我想尝试CSS选择器，但不知道如何选择。有多个输入项具有数据名=“睡袋”，但只有一个输入项具有数据号=“1”。即，呈现的HTML如下所示： <div class="form-group" id=

最初的方法是尝试以下方法：

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

它拒绝工作，所以我想尝试CSS选择器，但不知道如何选择。有多个输入项具有

数据名=“睡袋”

，但只有一个输入项具有

数据号=“1”

。即，呈现的HTML如下所示：

<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>

也开放给不同的方法！如果归结起来是因为jQuery可以找到像这样的字段，

$（'[id=specification][data number=1]'）

您发布了更多页面源代码吗？第一个想法：page.has_css（'selector'）获取元素。我可以为您提供更好的代码，在您的选择周围提供更多的页面源代码。您的输入没有值属性。那么，您是否正在尝试获取在输入中输入的值？find（'input[data id=“1”]”）将返回元素。将“.text”添加到调用末尾将获得值。通过抓取li的父对象并创建openstruct并使用它来循环，您可以更具创造性。我还建议尝试在控制台选项卡$（'input[data id=“1”]”上的dev tools chrome中，看看devtools是否返回元素。这是一个我可以看的现场站点吗？不管我给它什么

text

。。。

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