如何使用 ReSharper 自定义 HTML 工具进行 JavaScript 测试？答案

【问题标题】：How do I use the ReSharper custom HTML harness for JavaScript testing?如何使用 ReSharper 自定义 HTML 工具进行 JavaScript 测试？
【发布时间】：2015-06-11 09:56:20
【问题描述】：

我已尝试使用此选项为我的 QUnit 测试创建自定义 HTML 工具。我已经查阅了他们网站上的有限文档，但还是无处可去，尽管我已经尝试了几乎所有路径语法和“测试工具位置”下拉列表中的选项的组合。

我已将默认实现复制到一个测试 html 文件中，并对其进行了非常简单的修改，以便在其中包含一些自定义标题和元素，但无论我将文件放在哪里或如何定义它的路径，每次我运行使用 ReSharper 的测试运行程序进行单元测试，无论是从包含测试的文件中，还是在项目上运行测试，我都只看到了默认的 ReSharper QUnit 屏幕。

我也尝试使用 PhantomJS 而不是浏览器来使用它，但无济于事。

我应该能够使用此选项为我的 JS 测试自定义 HTML 页面，使用与 Chutzpah 相同的语法，对吗？我正在使用 Resharper 9.0.0.0。

这是我试图将 ReSharper 指向的文件的内容：

（更新：这是适用于 Jasmine 的固定文件）

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>testing!!!</title>
    @@ReferencedCSSFiles@@
    @@TestFrameworkDependencies@@
    @@ReferencedJSFiles@@
    @@ReSharperIntegration@@
</head>

<body>
    Some Custom Content Here
</body>
</html>

【问题讨论】：

标签： javascript unit-testing resharper

【解决方案1】：

我将我的测试语法更改为 Jasmine，它确实有效。 ReSharper 在运行 QUnit 测试时似乎没有使用此模板。

【讨论】：

你真的让它工作了吗？我正在为同样的事情而苦苦挣扎。我正在使用 Jasmine，但是当我使用该工具时，它甚至不再启动 Chrome。
@Rogier21 是的，一旦我切换到 Jasmine，它就开始工作了。如果坐在我的测试旁边，我只需将它设置为file.html，或者从解决方案或项目文件夹中设置path/to/file.html，它就可以工作。我使用的是 2.0 版

【解决方案2】：

老实说，大多数 VS 集成解决方案（包括 Chutzpah）都不能很好地工作。

一段时间以来，我在 Visual Studio 中进行测试的解决方案是安装最新版本的 node.js（或 io.js），并设置 package.json 和 gulp 任务以将测试作为前/后运行构建事件。我倾向于使用 mocha 进行测试，但 qunit 也应该是可能的。

我相信最新的 Visual Studio 节点工具 (NTVS) 确实包含 gulp 任务运行程序集成。

【讨论】：

我总体上同意 grunt/gulp 方法（我更喜欢 VS 2013 插件和原生 VS2015 支持），但是对于我当前的项目/任务来说这有点过多的开销。现在 Resharper 测试运行器实际上满足了我的需求，除了无法添加夹具 div，而且看起来自定义 HTML 模板可以解决这个问题。我只是想弄清楚如何让这件事发挥作用……