ruby-on-rails - 如何使用 poltergeist 和 Capybara 测试 Stripe.js？

Question

我一直在努力为我的用户注册页面编写自动化测试。将通过 Stripe 向用户收取定期订阅费用。他们在同一张表格上输入基本信息(电子邮件、密码等)和信用卡详细信息，然后发生以下流程:

1. (在客户端)stripe.js 向 Stripe 的服务器发出 AJAX 请求，该请求(假设一切有效)返回信用卡 token 。
2. 我的 javascript 使用信用卡 token 填充 HTML 表单中的隐藏输入，并将表单提交到我的 Rails 服务器。
3. (现在在服务器端):我验证用户的基本信息。如果他们无效，请返回(因为如果他们的电子邮件地址无效，那么通过 Stripe 向他们收费是没有意义的，所以他们无论如何都无法创建帐户。)
4. 如果它们有效，尝试创建一个 Stripe::Customer 对象，添加正确的订阅并使用 Stripe 的 ruby​​ gem 等向它们收费。

所有这些都工作得很好......除了我不知道如何测试它。测试步骤 #4 非常简单，因为它发生在服务器端，因此我可以使用像 VCR 这样的 gem 来模拟 Stripe 调用。

第 1 步给我带来了麻烦。我尝试使用 puffing-billy 和 stripe-ruby-mock gem 对此进行测试，但没有任何效果。这是我自己的 javascript(已简化):

    var stripeResponseHandler = function (status, response) {
      console.log("response handler called");
      if (response.error) {
        // show the errors on the form
      } else {
        // insert the token into the form so it gets submitted to the server
        $("#credit_card_token").val(response.id);

        // Now submit the form.
        $form.get(0).submit();
      }
    }


    $form.submit(function (event) {
      // Disable the submit button to prevent repeated clicks
      $submitBtn.prop("disabled", true);
      event.preventDefault();

      console.log("creating token...");
      Stripe.createToken(
        // Get the credit card details from the form
        // and input them here.
      }, stripeResponseHandler);

      // Prevent the form from submitting the normal way.
      return false;
    });

重申一下，当我手动测试时，一切正常。但是我的自动化测试失败了:

 Failure/Error: expect{submit_form}.to change{User.count}.by(1)
   expected result to have changed by 1, but was changed by 0

当我尝试使用 gem puffing-billy 时，它似乎正在缓存 stripe.js 本身(它是从 Stripe 自己的服务器加载的 js .stripe.com，不是从我自己的应用程序提供的，因为 Stripe 不支持这个。)，但是 Stripe.createToken 发起的调用没有被缓存。事实上，当我登录到我的 Stripe 服务器日志时，似乎甚至没有调用(或者至少 Stripe 没有收到它。)

注意上面我的 JS 中的那些 console.log 语句。当我运行我的测试套件时，“creating token...”这一行被打印出来，但是“response handler called”。没有。看起来响应处理程序从未被调用。

我省略了一些细节，因为这个问题已经很长了，但可以根据要求添加更多。我在这里做错了什么？如何测试我的注册页面？

更新请参阅 stripe-ruby-mock 上的[我对此 Github 问题的评论]，了解有关我尝试过和失败的内容的更多信息。

Answer 1

如果我没理解错的话...

Capybara 不会知道您的 ajax 请求。您应该能够使用 Sinatra 来排除 AJAX 请求。让它返回一个与 VCR 非常相似的固定装置。

这是一篇关于它的文章。

https://robots.thoughtbot.com/using-capybara-to-test-javascript-that-makes-http

您需要在 Capybara 中启动 Sinatra 应用程序，然后匹配您的 ajax 调用中的 URL。

类似于:

class FakeContinousIntegration < Sinatra::Base
  def self.boot
    instance = new
    Capybara::Server.new(instance).tap { |server| server.boot }
  end

  get '/some/ajax'
    # send ajax back to capybara
  end
end

当你启动服务器时，它会返回你可以写入到你的js可以使用的配置的地址和端口。

@server = App.boot

然后我使用地址和端口来配置 JS 应用

def write_js_config
  config['api'] = "http://#{@server.host}:#{@server.port}"
  config.to_json
end

在 spec_helper.rb 中将配置发送到 js，以便您的脚本指向您的 sinatra 应用程序。我的是用 gulp 编译的。所以我只是在测试运行之前将配置构建到 is 中:

system('gulp build --env capybara')