前情回顾

入门篇UI自动化测试框架-testcafe入门回顾：

testcafe安装
一个js文件可以包含多个fixture，一个fixture可以包含多个test
fixtrue的前置条件
test的前置条件

原理

1）纯Node.js编写的端到端解决方案

2）执行过程：

启动浏览器——>运行测试——>收集测试结果和生成报告

3)TestCafe不需要浏览器插件，它在所有流行的现代浏览器开箱即用

结果报告格式化输出-HTML

下面以HTML为例，步骤如下：

1、安装：npm install testcafe-reporter-html

2、使用-输出到控制台：testcafe chrome test_folder/ --reporter html

3、使用-结果输出到文件中： testcafe chrome test_folder/ --reporter html :path/to/my/file.html

查看结果：

1、在当前项目目录下可以找到测试报告-/path/to/my/file.html

2、举例-一个运行失败了的例子

例如：json格式输出

1、npm install testcafe-reporter-json

2、使用方式-testcafe chrome test.js --reporter json

3、API使用方式：

testCafe

.createRunner()

.src('path/to/test/file.js')

.browsers('chrome')

.reporter('json') // <-

.run();

4、写入文件file.json:

testcafe chrome /Users/XXX/Documents/workspace/testcafe/test.js --reporter json:path/to/my/file.json

file.json大致内容：

{
  "startTime": "2018-12-25T03:56:31.891Z",
  "endTime": "2018-12-25T03:56:54.846Z",
  "userAgents": [
    "Chrome 71.0.3578 / Mac OS X 10.11.5"
  ],
  "passed": 0,
  "total": 1,
  "skipped": 0,
  "fixtures": [
    {
      "name": "Getting Started",
      "path": "/Users/xxx/Documents/workspace/testcafe/test.js",
      "tests": [
        {
          "name": "B端-列表",
          "errs": [
            "The specified selector does not match any element in the DOM tree.\n\n > | Selector('#developer-name')\n\nBrowser: Chrome 71.0.3578 / Mac OS X 10.11.5\n\n    3 |fixture `Getting Started`\n    4 |"
          ],
          "durationMs": 22921,
          "screenshotPath": null,
          "skipped": false
        }
      ]
    }
  ],
  "warnings": []
}%