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

How do I use the ReSharper custom HTML harness for JavaScript testing?

本文关键字:JavaScript 测试 工具 HTML 何使用 ReSharper 自定义      更新时间:2023-09-26

我已经尝试了这个选项的一切,试图为我的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>

我将测试语法更改为Jasmine,它起了作用。ReSharper在运行QUnit测试时似乎没有使用此模板。

老实说,大多数VS集成解决方案(包括Chutzpah)工作不太好。

一段时间以来,我在Visual Studio中进行测试的解决方案是安装最新版本的node.js(或io.js),并设置package.json和gull tasks,以将测试作为构建前/构建后事件运行。我倾向于在测试中选择摩卡,但qunit也应该是可能的。

我相信最新的VisualStudio节点工具(NTVS)确实包含了gump任务运行器集成。