如何使用 Minitest、Capybara、Selenium 执行 javascript 测试？

Question

有很多关于如何使用 Capybara/Selenium/Rspec 执行 javascript 测试的示例，您可以在其中编写如下测试：

it "does something", :js => true do
  ...
end

但是使用 minitest 您无法通过第二个参数指示 selenium 执行测试。

有人对如何做到这一点有任何想法吗？

Answer 1

:js 标志的作用非常简单。它将当前驱动程序从默认（rack-test）切换到另一个支持 javascript 执行的驱动程序（selenium、webkit）。你可以在 minitest 中做同样的事情：

require "minitest/autorun"

class WebsiteTest < MiniTest::Unit::TestCase
  def teardown
    super
    Capybara.use_default_driver
  end

  def test_with_javascript
    Capybara.current_driver = :selenium
    visit "/"
    click_link "Hide"
    assert has_no_link?("Hide")
  end

  def test_without_javascript
    visit "/"
    click_link "Hide"
    assert has_link?("Hide")
  end
end

当然，为了方便你可以将其抽象成一个模块：

require "minitest/autorun"

module PossibleJSDriver
  def require_js
    Capybara.current_driver = :selenium
  end

  def teardown
    super
    Capybara.use_default_driver
  end
end

class MiniTest::Unit::TestCase
  include PossibleJSDriver
end

class WebsiteTest < MiniTest::Unit::TestCase
  def test_with_javascript
    require_js
    visit "/"
    click_link "Hide"
    assert has_no_link?("Hide")
  end

  def test_without_javascript
    visit "/"
    click_link "Hide"
    assert has_link?("Hide")
  end
end

Answer 2

嗯，我注意到文档中的几行似乎说上面的操作只能在 Rspec 中完成，

但是，如果您使用 RSpec 或 Cucumber，您可能会想考虑保留更快的 :rack_test 作为 default_driver，并仅标记那些需要支持 JavaScript 的驱动程序的测试使用 :js =>;分别为 true 或 @javascript。

Answer 3

https://github.com/wojtekmach/minitest-metadata 似乎提供了一个解决方案这。

您可以执行以下操作：

describe "something under test" do
  it "does not use selenium for this test" do
    visit "/"
    assert body.has_content?("Hello world")
  end

  it "does use selenium for this test", :js => true do
    visit "/"
    click_link "Hide" # a link that uses a javascript click event, for example
    assert body.has_no_link?("Hide")
  end
end

Answer 4

只是为了更新一些信息，有一个更强大的 selenium-webdriver 和 Ruby Bindings现在。

要使用 Rails 4 和 selenium-webdriver 从终端快速测试 Firefox 上的 JavaScript，您需要执行以下 4 个步骤：

1. 将 gem 添加到 Gemfile

   gem 'selenium-webdriver'
   gem 'minitest-rails'

2. 安装 gem

   bundle install

3. 生成测试用例（参考：官方指南< /a>)

   bin/rails生成integration_test your_case_name

4. 开始在你的测试用例中编写测试代码。
   其实不用Capybara用ruby写也可以，用Capybara写case可以参考Github的Capybara< /p>

Minitest示例：

# create a driver
driver = Selenium::WebDriver.for :firefox
# navigate to a page
driver.navigate.to 'url_to_page'
# get element with class box
box = driver.find_element(:css, '.box')

# check width
# get width by execute JavaScript
assert_equal 100, driver.execute_script('return $(arguments[0]).width()', box)

目前似乎缺乏关于如何顺利使用 selenium-webdriver、CI 服务器（Jenkins）和 Rails minitest 的资源，我创建了一个简单的项目，希望它可以帮助任何人快速入门 容易地：

Rails Selenium 工作案例 评论让我可以做出更好的答案。