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

Question

当我单击按钮时，会显示一个引导模式弹出窗口。我尝试使用下面的恶作剧功能单击确定或取消按钮，但都不起作用。要么功能不起作用，要么单击外部。

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

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

1. 第页。查找（“.btn.procedue.btn primary”）。触发器（“单击”）
2. 单击链接（“确定”）
3. 第页。执行\u脚本（“$”（“.btn.procedue.btn primary”）。触发器（“单击”））
4. 第页。执行_脚本（'$（“.btn.procedue.btn primary”）。触发器（“悬停”）。触发器（“cli‌​ck“））
5. 第页。全部（“..//*[@id='confirmation\u dialog']/div[3]/a[2]”）。第一单击
6. 单击\u按钮“确定”
7. 单击“确定”
8. 第页。Disclose\u confirm do页面。查找（“.btn.procedue.btn primary”）。单击结束
9. 第页。查找（“.model”）。查找（“.模式页脚”）。查找（“.btn.procedue.btn primary”）。触发器‌​er（'点击'）

但什么都不管用。单击“确定”按钮后，应用程序中的状态将发生更改。但事实并非如此。

Answer 1

我能够在引导模式上单击元素的唯一方法是

execute_script("document.querySelector('.multiselect__tags').click()")

其中元素由querySelector选择

Answer 2

在过去的几周里，我一直在编写一系列特性/集成规范，并且一直针对引导模式中的许多字段和按钮（尽管类名已从引导默认值更改）。

下面是一个对我来说非常有用的测试，它使用的是香草引导模式：

 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中使用within（）方法通常可以避免我在其他情况下会遇到的许多目标问题。

我还应该注意到，所有测试都是使用以下行启用的js：

describe "User", js: :true do