npm 包 jest-mario-reporter 使用教程

有时我们需要对我们的项目进行测试,这时就需要用到 Jest 这样的框架。但是 Jest 只是一个框架,如果我们需要对测试结果进行美化,就需要使用 Jest Reporter。今天我们来介绍一款 Jest Reporter 的 npm 包 jest-mario-reporter。

安装

首先,我们需要在我们的项目中安装 jest-mario-reporter,可以使用 npm 来进行安装:

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

配置

接着,在 project 下的 jest.config.js 文件中,我们需要添加以下配置:

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

添加完以上配置后,jest-mario-reporter 就可以正常运行了。

使用

运行 Jest 测试时,test 结束后,jest-mario-reporter 会显示一个游戏界面,显示测试结果可视化。通过按下回车键可以退出界面,回到命令行。

下面是一个示例代码:

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

意义

jest-mario-reporter 的出现,使得测试结果更加友好,我们可以通过图像化的方式看到测试结果,让我们在进行测试时有更直观的感受。

总结

在本篇文章中,我们介绍了 npm 包 jest-mario-reporter 的使用教程,包括安装、配置、使用和意义。使用 jest-mario-reporter 可以让我们更好地了解测试结果,有助于测试。

希望本文对大家有所帮助!

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


猜你喜欢

  • npm 包 @trioxis/immutable-react-form 使用教程

    简介 @trioxis/immutable-react-form (以下简称 immutable-react-form) 是一个基于 React 的表单库,可以帮助前端开发者快速创建可靠、可扩展、易维...

    3 年前
  • NPM 包 @trioxis/react-cafe-cms 使用教程

    在前端开发中,有很多任务都需要依赖于 CMS 系统,包括但不限于创建、编辑和更新内容等。@trioxis/react-cafe-cms 是一个基于 React 的 CMS 系统,可以帮助前端开发者快速...

    3 年前
  • npm 包 amd-optimize-babel 使用教程

    介绍 npm 是一个 JavaScript 包管理器,可以方便地安装、更新和管理 JavaScript 库。amd-optimize-babel 是一个 npm 包,它能够将一组 AMD 模块编译成单...

    3 年前
  • npm 包 angular-sliding-tags 使用教程

    在前端开发中,标签的使用是非常普遍的,而 angular-sliding-tags 就是一个方便快捷的 Angular 标签选择器。本篇文章将为大家介绍该包的安装以及使用方法,并提供相关示例代码,帮助...

    3 年前
  • npm 包 parallax-one 使用教程

    前言 前端开发中,常常需要实现一些炫酷的效果来吸引用户的眼球。其中,视觉差效果是一种非常常见的效果,能够通过视差的表现方式增加页面的生动感和动感。 在这篇文章中,我们将介绍 npm 包 paralla...

    3 年前
  • npm 包 npm-text-lzfj 使用教程

    npm-text-lzfj 是一个前端中文文本处理工具,可以帮助我们更加高效、便捷地进行文本操作。本篇文章将为大家详细介绍 npm-text-lzfj 包的使用教程。

    3 年前
  • NPM包express-middleware-cache使用教程

    简介 在Web应用程序中,中间件是将请求从一个端点传递到另一个端点的组件。 Express是一个流行的Node.js Web框架,它使编写Web应用程序的过程非常简单。

    3 年前
  • npm 包 react-native-rtmp 使用教程

    如果你正在做一个直播播放器或者 RTMP 流媒体相关的项目,那么你肯定需要使用到 RTMP 相关的工具库。本文将介绍一个非常实用的 npm 包:react-native-rtmp,这个包可以用于在 R...

    3 年前
  • NPM 包 remove-route-runtime 使用教程

    简介 现代 Web 应用程序使用单页应用程序(SPA)框架来优化性能和用户体验。这些框架在导航期间使用路由来在不刷新页面的情况下更改 URL。在某些情况下,可能需要从 URL 中删除特定路由。

    3 年前
  • NPM 包 arrest-legacy 使用教程

    简介 arrest-legacy 是一个用于检查遗留代码中是否含有 console、alert 等危险代码的 NPM 包。该包可以帮助前端开发者在开发过程中及时发现遗留代码中的问题,提高代码质量和安全...

    3 年前
  • npm 包 vue-image-crop-upload-2 使用教程

    vue-image-crop-upload-2 是一个 Vue.js 的图片裁剪上传组件。它可以帮助我们简化图片上传和裁剪的流程,方便用户上传裁剪后的图片。 本文将详细介绍该组件的使用方法,包括安装、...

    3 年前
  • npm 包 getanjay 使用教程

    在前端开发中,我们经常会用到各种各样的包来加快开发速度,npm 是一种常用的 JavaScript 包管理工具,可以帮助我们快速获取和安装常用包。其中一个非常有用的包是 getanjay,它是一个用于...

    3 年前
  • npm 包 knex-ufg 使用教程

    首先让我们了解一下什么是 Knex。Knex 是一个基于 Node.js 的 SQL 查询构建器,可用于 PostgreSQL,MySQL,MariaDB,SQLite3 和 Oracle。

    3 年前
  • npm 包 where-pg 使用教程

    本文介绍了如何使用 npm 包 where-pg 对 PostgreSQL 数据库进行查询。其中,我们会讲解使用 where-pg 的方法、常见查询技巧,并提供代码示例以便读者更好的理解和学习。

    3 年前
  • npm 包 fusionjs 使用教程

    介绍 FusionJS 是一款基于 React 的 Web 开发框架,具有快速、低开销的渲染性能和更好的开发体验等优点。通过 FusionJS,开发者可以轻松创建具有可靠性、可扩展性和易维护性的 We...

    3 年前
  • npm 包 leaflet-ais-tracksymbol-by-akora 使用教程

    介绍 leaflet-ais-tracksymbol-by-akora 是一个基于 Leaflet 的 npm 包,用于在 Leaflet 地图上显示 AIS 船舶轨迹。

    3 年前
  • npm 包 dir-load 使用教程

    在前端开发中,我们经常会遇到需要按需加载文件、目录的需求。npm 包 dir-load 可以帮助我们实现这一需求,本文将对 dir-load 的使用方法进行详细介绍。

    3 年前
  • npm 包 redux-form-actions-draftjs 使用教程

    在前端开发中,表单是非常常见的元素,而表单中输入的内容多样性也非常大,比如文本、数字、图片、富文本等。在 React 项目中使用 redux-form 库可以方便地创建表单,而配合 draft-js ...

    3 年前
  • npm 包:candlesticks 使用教程

    在前端开发中,数据可视化是一个非常重要的领域。其中,绘制 K 线图是非常常见的需求。而 candlesticks 就是一个可以生成 K 线图的 npm 包。 本篇文章将详细介绍 candlestick...

    3 年前
  • npm 包 epbdjs-cli 使用教程

    什么是 epbdjs-cli? epbdjs-cli 是一个开源的命令行工具,旨在帮助前端程序员更方便地开发、测试和部署 React 应用程序。它提供了一组常用的任务,如生成新项目、自动化构建和打包、...

    3 年前

相关推荐

    暂无文章