使用 Chutzpah 在 Visual Studio 中针对 html 进行 Javascript 单元测试答案

【问题标题】：Javascript unit testing against html in Visual Studio with Chutzpah使用 Chutzpah 在 Visual Studio 中针对 html 进行 Javascript 单元测试
【发布时间】：2016-09-23 22:47:33
【问题描述】：

在 Visual Studio 2015 中安装了 Chutzpah 扩展并创建了一个简单的 JavaScript 函数，并附带了 VS2015 Chutzpah 检测并成功运行的单元测试，我想知道我需要做什么才能使用 HTML 进行设置。

我一直在Chutzpah website 上查看样本，但我看不到任何明显的要求。

是否可以围绕以下点头场景进行设置。

我有一个要测试的 html 页面：

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Test Page</title>

    <script src="../../Scripts/jquery-3.1.0.js"></script>
    <script src="mypage.js"></script>

</head>
<body>

    <span id="myspan">Hello there</span>
    <br />
    <button onclick="myPage.myButtonClick(); return false;">Change Span Text</button>

</body>


</html>

我有一些在单击按钮时运行一些 jQuery 的 javascript 文件：

var myPage = myPage || {};

myPage.myButtonClick = function buttonClick() {
    $("#myspan").text("Has been changed");
}

为了在可以确定 HTML 已设置的 Visual Studio 下运行，我需要做些什么来进行测试？

【问题讨论】：

嘿，你找到解决办法了吗？
还没有。不幸的是，我暂时把它停了下来。

标签： javascript visual-studio unit-testing chutzpah

【解决方案1】：

您可以尝试使用自定义 HTML，通过设置带有参数的 chutzpah.json 文件：

  {
    CustomTestHarnessPath": "index.html
  }

这里有一些关于它的文档：link

【讨论】：