小编pri*_*im3的帖子

如何对 HTML 代码的输出进行单元测试

我对网络开发和测试非常陌生(开始很慢)。我有一个带有按钮的页面。单击按钮后,会显示一些信息/文本。

如何编写测试用例来测试输出是否符合预期(显示)?

我想编写一个测试用例以确保单击按钮时显示文本。

<!DOCTYPE html>
<html>
 <body>

 <button onclick="buttonClick()">Click Me</button>
 <p id="test"></p>

  <script>
    function buttonClick() {
      document.getElementById("test").innerHTML = "TESTING!";
}
  </script>

 </body>
</html>

Run Code Online (Sandbox Code Playgroud)

我的猜测是我可以使用某种字符串验证器。如果屏幕上出现字符串,则表示测试通过。我不确定这是否有意义,或者这是否是正确的方法。

谢谢,

测试代码:

var elem = document.getElementById('test');
var text = 'TESTING!';

if (
   document.getElementById('test').innerHTML.indexOf('TESTING') != -1){
     alert('success!');
}
Run Code Online (Sandbox Code Playgroud)

html javascript unit-testing reactjs jestjs

5
推荐指数
1
解决办法
1635
查看次数

标签 统计

html ×1

javascript ×1

jestjs ×1

reactjs ×1

unit-testing ×1