npm 包 karma-awesome-reporter 使用教程

阅读时长 4 分钟读完

简介

karma-awesome-reporter 是一个 Karma 报告器插件,可以为 Karma 测试结果生成漂亮的 HTML 报告。该插件基于 mocha-awesome-reporter 并进行了一些适配。使用该报告器可以方便地查看测试结果以及错误代码和失败截图。

安装和使用

安装

在项目目录下执行如下命令安装:

配置

要使用 karma-awesome-reporter,您需要通过编辑 karma.conf.js,像下面这样设置 reporters 选项:

-- -------------------- ---- -------
-------------- - ---------------- -
  ------------
    -- ---
    ---------- ------------ --------------------------
    ---------------- -
      -- -----------
    --
    -- ---
  ---
--

配置项

karma-awesome-reporter 提供了一些可配置项,用于控制报告器的行为:

  • outputPath(默认为 ./test-report.html):指定生成的 HTML 报告的路径。
  • reportName(默认为 Test Report):指定在 HTML 报告页头部的标题。
  • screenshotOnFail(默认为 false):指定是否在某个测试失败时自动生成屏幕截图,并将其添加到报告中。
  • reportPageTitle(默认为 Test Report):指定在 HTML 报告页面标签中的标题。
  • showSummary(默认为 true):指定是否在 HTML 报告的顶部部分显示一份测试概览信息。
  • showQuickLinks(默认为 true):指定是否在 HTML 报告的顶部部分显示快速跳转链接,用于方便跳转到各个测试结果所对应的位置。

生成报告

当执行 Karma 测试后,报告会被生成到您指定的路径上。您可以在浏览器中打开该文件来查看测试结果的详细信息。 在生成的 HTML 报告的底部,您可以找到某些便于分享和传达统计信息的链接和摘录,例如可以通过链接分享单独的测试结果或者整个测试报告。

示例

-- -------------------- ---- -------
-- -------------
-------------- - ---------------- -
  ------------
    --------- ---
    ----------- ------------
    ------ -
      --------------
      --------------------
    --
    -------- ---
    -------------- -
      -------------- ----------
      --------------- ----------
    --
    ------------------ -
      -------- -
        -------- ----------------------
        -------- ---------------------------------
      --
    --
    ---------- ------------ --------------------------
    ---------------- -
      ----------- ---------------------
      ----------- --- ------ ---- --------
      ----------------- -----
      ---------------- --- ------ ---- --------
      ------------ -----
      --------------- -----
    --
    ----- -----
    ------- -----
    --------- ----------------
    ---------- -----
    --------- -----------
    ---------- ------
    ------------ ---------
  ---
--

延伸阅读

  • karma: 一个测试执行管理软件,用于在各种浏览器和移动设备上运行 JavaScript 单元测试。
  • mocha: 一个 JavaScript 测试框架,用于编写自动化测试。
  • chai: 一个 BDD/TDD 断言库,与任何 JavaScript 测试框架一起使用。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600557a081e8991b448d4a29

纠错
反馈