实习生 AJAX 单元测试答案

【问题标题】：Intern AJAX Unit Tests实习生 AJAX 单元测试
【发布时间】：2013-05-24 16:29:07
【问题描述】：

我遇到了 Intern 如何运行测试的问题，并尝试使用 jQuery 测试使用 AJAX 调用的单元。由于 Intern 将测试客户端提供给 WebDriver 服务器（在本例中为 phantomjs --webdriver=8910），因此我最终会在 localhost:9000 上运行测试。这显然会导致同源策略问题。

我可以解决这个问题并发出跨域请求，但是一旦需要身份验证 cookie，我就会被阻止，因为显然我们的后端没有为 localhost 设置 cookie，所以我无法访问这些 cookie。

我尝试将proxyUrl 选项更改为以几种不同的排列方式指向我们的服务器，但到目前为止没有任何效果：

https://my.server.com/
https://my.server.com/js/
https://my.server.com/js/intern/
https://my.server.com/js/intern/client.html
https://my.server.com/js/intern/client.html?config=tests/intern

查看 WebDriver 日志，我注意到 Intern 告诉服务器加载 http://localhost:9000/__intern/client.html?config=...。然后我尝试将proxyUrl 设置为https://my.server.com/js/ 并将符号链接__intern 设置为intern，但要么没有运行测试，要么没有将它们报告回runner.js。当我以这种方式运行时，PhantomJS 日志看起来像这样：

[DEBUG - 2013-05-24T15:17:50.930Z] SessionReqHand - _postUrlCommand - Session '194ff0a0-c485-11e2-9c64-9986b0c95ae1' is about to load URL: https://my.server.com/js/__intern/client.html?config=tests%2Fintern&sessionId=194ff0a0-c485-11e2-9c64-9986b0c95ae1&reporters=webdriver
[DEBUG - 2013-05-24T15:17:50.943Z] Session [194ff0a0-c485-11e2-9c64-9986b0c95ae1] - _execFuncAndWaitForLoadDecorator - Page Loading in Session: true
[DEBUG - 2013-05-24T15:17:50.962Z] Session [194ff0a0-c485-11e2-9c64-9986b0c95ae1] - _oneShotCallback - onLoadFinished
[DEBUG - 2013-05-24T15:17:50.962Z] Session [194ff0a0-c485-11e2-9c64-9986b0c95ae1] - _execFuncAndWaitForLoadDecorator - onLoadFinished: success
[DEBUG - 2013-05-24T15:17:51.051Z] Session [194ff0a0-c485-11e2-9c64-9986b0c95ae1] - _execFuncAndWaitForLoadDecorator - Page Loading in Session: false
[DEBUG - 2013-05-24T15:17:51.051Z] Session [194ff0a0-c485-11e2-9c64-9986b0c95ae1] - _resetOneShotCallbacksDecorator
[DEBUG - 2013-05-24T15:17:51.052Z] SessionReqHand - _SuccessHandler - status: success
[DEBUG - 2013-05-24T15:17:51.184Z] Session [194ff0a0-c485-11e2-9c64-9986b0c95ae1] - page.onConsoleMessage - Tests complete

然后，测试运行程序挂起并且永远不会收到测试结果，因为 proxyUrl 没有指向 Intern 运行的代理服务器。

编辑 5/28

值得一提的是，其中很多都可以通过后端修改来规避（尽管理想情况下，测试堆栈应该可配置以适应代码库，而不是强制代码库符合），但我们只是说在这个这不是一个选项。

理想情况下，我希望 Intern 可以配置为从指定的 URL 加载 client.html，然后通过一些跨域兼容的方式（如 JSONP）让记者 POST 到 localhost:9000 代理。我找不到任何其他合理的替代方案，所以目前看起来 Intern 根本不完全支持通过 AJAX 与后端通信的单元测试。

【问题讨论】：

标签： javascript jquery ajax testing intern

【解决方案1】：

当您将指向 Intern 代理的 URL 更改为指向另一台服务器时，它需要是一个实际代理回运行在 localhost:9000 的 Intern 服务器的服务器。它不能只是一个简单的 Web 服务器，带有指向 Intern 目录的符号链接。

这样做与任何其他类型的代理到另一个后端（CouchDB、Apache、Node.js 等）的方式相同。对于 nginx，这意味着使用 HttpProxyModule 到 proxy_pass http://localhost:9000/;。对于 Apache，mod_proxy 和 ProxyPass / http://localhost:9000/。请记住，如果您不允许 Intern 服务器为您的 JavaScript 提供服务（即您只代理到 __intern），您将不会收到代码覆盖率数据，因此最好代理除您尝试的服务 URL 之外的所有内容测试。

有关代理实习生测试 Web 服务的更多完整信息，请参见 wiki 页面Using Intern to unit test Ajax calls。

【讨论】：

谢谢！我之前没有考虑过使用反向代理，因为我们的后端已经有了一个，我认为它会妨碍我，但研究它应该不是问题。

【解决方案2】：

似乎有一个新的 wiki 页面也概述了此信息：Using Intern to unit tests Ajax calls

【讨论】：