代码之家 › 专栏 › 技术社区 › Steve

如何使用mocha/chai测试引用html文件

chai mocha

Steve · 技术社区 · 6 年前

我有一个index.html文件:

<!doctype html>
<html>
    <head>
        <style>
            #container {width: 600px; max-width: 100%; margin: 1em auto;}
        </style>
    </head>
    <body>
        <div id="container">
            <form>
                <input type="text" id="text" placeholder="enter some text" required maxlength="10" pattern="^[a-z,A-Z]{1,10}$"><br />
                <input type="text" id="number" placeholder="enter a number" required maxlength="10" pattern="\d{10}"><br />
                <input type="submit">
            </form>
        </div>
    </body>
</html>

我想用表格上的chai断言做一个摩卡测试。

当我测试外部 .js 文件,我可以用 require 声明拉进来 JS 文件。

如何引用/导入 .html 在窗体上运行测试的文件?

我用谷歌搜索找不到这样的信息。

感谢帮助。

编辑 :我是否在 <script> 里面 html 文件?

1 回复 | 直到 6 年前

Steve 6 年前

我想我有找到了答案。

我可以在html文件中使用以下内容。

<div id="mocha"></div>
<script src="node_modules/mocha/mocha.js"></script>
<script src="node_modules/chai/chai.js"></script>
<script>mocha.setup('bdd')</script>

<!-- load code you want to test here -->

<!-- load your test files here -->

<script>
  mocha.run();
</script>

从 this page .

推荐文章

Athif Shaffy · Jest检查元素属性是否存在

7 年前

Brenda Olivia Martis · 如何使用chai或mocha检查图像是否存在?

7 年前

user2570135 · 使用Chai/Mocha检查JSON数组中的值

7 年前

agusgambina · 用摩卡咖啡和Chai ReactJS脱布丁

7 年前

demouser123 · 使用Chai从JSON对象数组中匹配数组元素

7 年前

Viktorija Filipov · 错误:done()调用时没有错误:{“req”:{……}请求无误完成,但测试未通过

7 年前

user2151486 · 在Mocha中使用async/await-测试挂起或最终导致未经处理的承诺拒绝

7 年前

Langlois.dev · Chai测试TypeScript引发的错误消息

7 年前

Hamed Minaee · reactjs组件的unittest在作为道具传递的函数上失败

7 年前

Sean Kelly · 如何使用Chai编写sequelize模型的单元测试

7 年前