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

标签 javascript visual-studio unit-testing chutzpah

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

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

是否可以围绕以下 noddy 场景进行一些设置。

我有一个 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>

我有一些 javascript 文件,单击按钮时会运行一些 jQuery:

var myPage = myPage || {};

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

我需要做什么才能将测试放在一起,以便在 Visual Studio 下运行并确定 HTML 是否已设置?

最佳答案

您可以尝试使用自定义 HTML,通过使用参数设置 chutzpah.json 文件:

  {
    CustomTestHarnessPath": "index.html
  }

以下是一些相关文档:link

关于使用 Chutzpah 在 Visual Studio 中针对 html 进行 Javascript 单元测试,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39670600/

相关文章:

javascript - 使用 Angular JS 过滤器转换日期失败

javascript - jquery解开多个递归节点

unit-testing - 使用xUnit.net的任务支持测试F#异步工作流

java - 如何使用 ExpectedException 规则在一个测试中测试多个异常?

javascript - 将 HTML 表格导出到 Excel JavaScript 函数添加选择文件名

javascript - 将线性渐变拆分为一个对象

visual-studio - 如何将我的 VIM 配色方案设置为与 Visual Studio 中相同的默认配色方案?

visual-studio - 如何卸载 Visual Studio 2012 Update 2?

c++ - 拖放文件名 Visual (Managed) C++

unit-testing - 带有模拟的 Angular 2 TestBed