Capybara Railsを使ってBootstrap Popoverと対話する方法は？

Question

私はボタンは、ブートストラップポップオーバーであり、それがうまく機能走る機能（5B3 Railsの）

ボタンを押すと、DBに新しいレコードを挿入することをテストしようとしています。しかし、私はそれをテストしようとすると、私は要素をターゲットにすることはできません。

ポップオーバーのコンテンツは、デフォルトではDOMにはなく、ボタンをクリックすると挿入され、削除されます。これは、ここに私のテストの宝石セットのブートストラップv4の

のデフォルトの動作です：

gem "rails-controller-testing", :git => "https://github.com/rails/rails-controller-testing" 
    gem 'launchy' 
    gem 'poltergeist' 
    gem 'rspec', '~> 3.5.0.beta1' 
    gem 'rspec-core', '~> 3.5.0.beta1' 
    gem 'rspec-rails', '~> 3.5.0.beta1' 
    gem 'guard-rspec', '~> 4.6', require: false 
    gem 'capybara' 
    gem 'factory_girl_rails' 

は、ここで私がターゲットにしようとしているポップオーバーによって挿入された、関連するHTMLです：

<button data-js-method="createblock" class='btn btn-secondary btn-block'>Heading</button> 

そしてここにはあります私のテスト：

scenario 'Popover#Heading' do 
    before_count = HeadingBlock.count 
    # This clicks the button to activate the popover 
    find('.btn-add-block').click 

    # The line below is what I'm trying to target 
    # click_button('Heading') yields 'Unable to find button "Heading"' 
    find('button [data-js-method="createblock"]').click 
    after_count = HeadingBlock.count 

    expect(after_count - before_count).to eq(1) 
end 

最後に、エラー：

Capybara::ElementNotFound: 
     Unable to find css "button [data-js-method=\"createblock\"]" 

Answer 1

CSSセレクタでは、スペースは子孫を見つけることを意味しますが、ボタン要素の属性に一致するようにしています。したがって、それは私はあなたがそれをしようとしたときに何を得るエラーを示すものではありませんので、（「見出し」）click_buttonはあなたのために働いていない理由はわからない

find('button[data-js-method="createblock"]').click #no space between button and [data-.... 

でなければなりません。

次は、ボタンをクリックすると処理に時間がかかることがあるため、すぐにカウントを取得するのが不安定になる可能性があります。あなたはcapybaras待機/再試行動作があなたのために働くことができるようにexpect(page).to have_selector('whatever selector', count: before_count+1)を使用している必要があります - 私はHeadingBlockが定義されているか分からないので、そのセレクタが何であるべきかわかりません。