使用Mocha,Chai和webdriver.io无法在浏览器中显示测试结果

时间:2018-09-20 14:48:37

标签: selenium testing mocha chai webdriver-io

我正在将Webdriver.io与Mocha和Chai一起使用。我编写了一些在命令行上运行良好的测试。它会打开Chrome浏览器,运行测试,然后在命令行中显示结果。但是我在使测试结果显示在浏览器视图中时遇到了问题(有一个演示文稿,我想在浏览器视图中显示测试)。我正在使用Mocha html模板在浏览器中查看测试,但它仅在右上方显示“ passs:0failures:0duration:0s”。我已将html文件复制到测试结构中的第一个文件,并更改了js和css文件的路径。我在这里看不到任何引用webdriver.io的东西,是丢失的那一块吗?

<!DOCTYPE html>
<html>
  <head>
    <title>Mocha</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./node_modules/mocha/mocha.css" />
  </head>
  <body>
    <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>
    <script src="./test/specs/createNewProduct.js"></script>
    <script>
      mocha.run();
    </script>
  </body>
</html>

我要通过右键单击文件并使用Chrome打开文件。

enter image description here

1 个答案:

答案 0 :(得分:0)

您好,我不清楚您想要实现什么。但是请看https://github.com/webdriverio-boneyard/wdio-allure-reporter 它为wdio生成漂亮的报告