npm 包 karma-growler-reporter 使用教程

前言

在前端开发中,往往需要使用 Karma 进行单元测试。而 Karma 又支持多种报告器(reporter)来输出测试结果。本篇文章就来介绍 npm 包 karma-growler-reporter,它可以将测试结果显示在 Growl 或者 Notification Center 上,比传统的控制台输出方式更加直观、方便。

安装

首先,需要全局安装 karma:

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

然后,安装 karma-growler-reporter:

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

使用

在 karma 配置文件中,将 reporter 配置为 karma-growler-reporter:

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

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

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

    -- ---
  ---
--

至此,配置已经完成。可以使用 karma start 命令来运行测试,并在 Growl 或 Notification Center 中查看结果了。

若想使用 Notification Center 来显示结果,则需要在 Mac OSX 中安装 terminal-notifier:

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

配置项

karma-growler-reporter 支持以下配置项:

  • notification_type(默认为 notify-send):指定通知方式,可以是 notify-send(Linux)、osascript(Mac OSX)或者 growlnotify(Windows 和 Mac OSX)。
  • sticky(默认为 true):指定通知是否持久显示。
---------- -
  ---------
--

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

示例代码

下面是一个简单的示例,演示如何使用 karma 和 karma-growler-reporter 进行单元测试:

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

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

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

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

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

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

    -- ---
  ---
--

总结

本文介绍了 npm 包 karma-growler-reporter 的用法和配置项,它可以将测试结果显示在 Growl 或者 Notification Center 上,方便多了。有了这个工具,我们在进行单元测试时就可以更加直观地了解测试结果,提高开发效率。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/5eedcc4ab5cbfe1ea061272d


猜你喜欢

  • npm 包 topojson-server 使用教程

    Topojson-server 是一个基于 JavaScript 的 npm 包,用于生成基于 TopoJSON 格式的拓扑数据。本文将介绍如何安装和使用 topojson-server 包,并提供示...

    4 年前
  • npm 包 @pnotify/glyphicon 使用教程

    在前端开发中,通知是一个极其重要的方面,而 PNotify 是一个非常受欢迎的通知库。其中,像是 @pnotify/glyphicon 这样的 npm 包,为 PNotify 提供了默认的字体图标集合...

    4 年前
  • npm 包 topojson-simplify 使用教程

    在前端开发中,地图展示是比较常见的需求。然而,随着地图数据的增多,地图的渲染效率也逐渐变慢。这时就需要对地图数据进行压缩和简化。而 topojson-simplify 就是一个非常好用的 npm 包,...

    4 年前
  • npm 包 @pnotify/mobile 使用教程

    简介 @pnotify/mobile 是一个基于 PNotify 的移动端通知插件。PNotify 是一个简单易用的 JavaScript 通知插件,可以用于在网页上显示各种类型的通知,包括成功信息、...

    4 年前
  • npm 包 @pnotify/reference 使用教程

    简介 在前端开发中,我们时常需要使用弹窗(notification)来向用户展示各种信息,如成功的提示、错误的警告等。而 @pnotify/reference 是一个基于 JavaScript 的弹窗...

    4 年前
  • npm 包 prettier-plugin-svelte 使用教程

    前言 在前端开发中,代码风格的统一性是十分重要的。为了达到这一目的,我们可以使用 Prettier 工具来自动格式化代码。但是,Prettier 默认并不支持 Svelte 文件格式化,因此,我们可以...

    4 年前
  • npm 包 qunit-assert-html 使用教程

    概述 qunit-assert-html 是一个针对 QUnit 测试框架的扩展包,可以用来方便地进行 HTML 测试。它提供了一系列的断言方法,可以验证某个元素的属性、样式、内容等。

    4 年前
  • npm 包 assets-manager 使用教程

    在前端开发中,我们常常需要管理多种类型的静态资源,这些资源包括图片、音频、视频等等。而 npm 包 assets-manager 则提供了便捷的方法来进行静态资源管理。

    4 年前
  • npm 包 gulp-nf-prettier 使用教程

    在前端开发过程中,代码规范是一个非常重要的问题。为了保证代码风格的一致性和可读性,我们需要使用一些工具来格式化代码,比如 Prettier。 gulp-nf-prettier 是一款针对 Pretti...

    4 年前
  • npm 包 serviceworker-cache-polyfill 使用教程

    近年来,Web 应用程序的性能提升显著。在这方面,Service Worker 技术是一项重大的进展。它允许我们在浏览器和服务器之间建立一个独立的缓存,并将网络请求转发给该缓存以最大限度地提高Web应...

    4 年前
  • npm 包 gulp-iconfont-css 使用教程

    随着 Web 技术的不断发展,图标已经成为了页面设计不可或缺的组成部分。而使用字体图标可以有效地减少 HTTP 请求,提高页面性能。而本文将会介绍如何使用 gulp-iconfont-css 这一 n...

    4 年前
  • npm 包: eslint-plugin-fsa 使用教程

    ESLint 是一个非常流行的 JavaScript 代码静态检查工具,可以用来检查代码是否符合规范,以及发现常见的问题。eslint-plugin-fsa 是一个 ESLint 插件,可以帮助开发者...

    4 年前
  • npm 包 eslint-plugin-jest-async 使用教程

    在前端开发过程中,我们经常使用 Jest 来进行单元测试。但是,有时候我们会对 Jest 中的异步代码进行测试,这时候我们需要使用 eslint-plugin-jest-async 插件。

    4 年前
  • npm 包 jsonium 使用教程

    JSONium 是一个可用于生成虚构数据的 JavaScript 库。它可以帮助开发者在前端(或者在其他的 JavaScript 环境)中,快速地生成数据,从而简化开发过程。

    4 年前
  • npm 包 eslint-plugin-mocha-cleanup 使用教程

    什么是 eslint-plugin-mocha-cleanup? eslint-plugin-mocha-cleanup 是一个基于 eslint 的插件,旨在帮助开发人员快速自动化修复 mocha ...

    4 年前
  • npm 包 eslint-plugin-react-redux 使用教程

    随着前端技术的飞速发展,我们的代码越来越复杂,难以维护和阅读。如果不采取一些特定的开发工具或者规范,可能会导致一些无意义的错误或者代码错误难于排查的情况。在这样的背景下,eslint 成为了前端开发的...

    4 年前
  • npm 包 prettier-cli 使用教程

    在前端开发中,我们经常会遇到格式不规范的代码,这不仅影响代码的可读性,还会影响工作效率。为了解决这个问题,我们可以使用 prettier-cli 这个 npm 包。

    4 年前
  • npm 包 eslint-config-adjunct 使用教程

    在前端开发的工作中,我们经常会使用到 ESLint 这个代码规范工具来约束我们的代码风格,以提高代码的可读性和维护性。而 eslint-config-adjunct 这个 npm 包可以帮助我们更好地...

    4 年前
  • npm 包 gulp-cssimport 使用教程

    导言 在前端开发过程中,我们经常使用 CSS 进行页面样式布局,而 CSS 中也常常需要引入其他 CSS 文件,即进行 CSS 级联。在这种情况下,我们可以借助 npm 包 gulp-cssimpor...

    4 年前
  • npm 包 npm-publish-scripts 使用教程

    在前端开发中使用 npm 包来管理依赖非常常见,但是如果你要发布自己的 npm 包,你肯定希望它可以更加便捷地发布,更加便捷地修改和升级。这时就需要使用 npm-publish-scripts 这个 ...

    4 年前

相关推荐

    暂无文章