rspec - 无法使用 Poltergeist 单击引导模式对话框按钮

Question

当我单击按钮时，会显示引导模式弹出窗口。我尝试使用如下所示的 Poltergeist 功能单击“确定”或“取消”按钮，但没有成功。要么功能不起作用，要么点击外部。

<div class="modal-footer">
<a class="btn cancel" data-dismiss="modal" href="#">Cancel</a>
<a class="btn proceed btn-primary" href="#">OK</a>
</div>

click_link "Release"
page.driver.render('ReleaseOKCANCEL.jpg', :full =>true)

单击“发布”时，将出现一个带有“确定”和“取消”按钮的引导模式，可以通过屏幕截图进行验证。尝试使用以下命令单击“确定”按钮。

1. page.find('.btn.proceed.btn-primary').trigger('点击')
2. click_link('确定')
3. page.execute_script('$(".btn.proceed.btn-primary").trigger("click")')
4. page.execute_script('$(".btn.proceed.btn-primary").trigger("hover").trigger("cli‌​ck")')
5. page.all(".//*[@id='confirmation_dialog']/div[3]/a[2]").first.click
6. click_button“确定”
7. 点击“确定”
8. page.dismiss_confirm do page.find('.btn.proceed.btn-primary').click end
9. page.find('.modal').find('.modal-footer').find('.btn.proceed.btn-primary').trigg‌​er('click')

但是没有任何效果。单击“确定”按钮后，应用程序中的状态将发生变化。但这并没有发生。

Answer 1

过去几周我一直在编写一堆功能/集成规范 - 并且一直针对 Bootstrap 模式中的许多字段和按钮(尽管类名已从 Bootstrap 默认值更改)。

这是一个对我来说非常适合使用 Vanilla 引导模式的测试:

 it "displays edit profile page pre-filled for editing after successful form submission" do
    click_link "List a Property"

    within("form#new_user") do
      fill_in "user[login]", with: user.username
      fill_in "user[password]", with: user.password
      fill_in "user[email]", with: user.email
      fill_in "user[first_name]", with: user.first_name
      fill_in "user[last_name]", with: user.last_name
      fill_in "user[phone_number]", with: user.phone_number
      click_button "List My Properties"
    end

    expect(current_path).to eq account_path(:profile)
    within(".profile-name") { expect(page).to have_content user.username }
    find_field("user[first_name]").value.should eq user.first_name
  end

在 Capybara 中使用 inside( ) 方法通常可以避免我遇到的很多定位问题。

我还应该注意，所有测试都是通过以下行启用的 js:

describe "User", js: :true do