npm 包 @theintern/dev 使用教程

简介

@theintern/dev 是一个基于 Node.js 和 TypeScript 的前端测试工具,可以用于在浏览器或 Node.js 运行环境中运行测试、生成测试覆盖率报告等。

安装

使用 npm 安装 @theintern/dev:

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

配置

在项目根目录下创建一个名为 intern.json 的文件,配置测试任务:

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

其中,suites 字段指定了测试文件的路径,environments 字段指定了测试运行的环境,本示例中使用 Chrome 浏览器运行测试,reporters 字段指定了测试覆盖率报告的生成方式及路径。

可以通过在 package.json 文件中添加以下代码来简化运行测试的命令:

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

简单测试示例

在项目根目录下创建一个名为 tests/example.spec.ts 的文件,编写一个简单的测试用例:

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

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

该测试用例仅测试 true 是否等于 true

运行

在命令行中运行测试:

--- ----

如果一切正常,将会在命令行输出测试结果,并且在 coverage 文件夹下生成一个名为 cobertura-coverage.xml 的测试覆盖率报告。

高级使用

@theintern/dev 提供了丰富的 API 和插件,可以进行更复杂的测试操作,如异步测试、UI 测试、Mock 测试等。有关更多信息,请参见官方文档。

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


猜你喜欢

  • npm 包 rollup-plugin-remap 使用教程

    介绍 在前端项目中,使用模块化开发已经成为了当今趋势,而 Rollup 是一个类似于 Webpack 的模块打包器,它能够将多个模块打包成一个文件,从而达到减少请求次数和代码混淆的效果。

    4 年前
  • npm 包 stripe-as-promised 使用教程

    Stripe-as-promised 是一个 Node.js 库,提供了一个承诺(Promise)接口来与 Stripe 支付服务进行交互。在使用该库之前,需要先在 Stripe 上创建一个账号,并获...

    4 年前
  • npm 包 stripe-errback 使用教程

    在前端开发中,支付和收款是不可避免的一部分。Stripe 是一个广泛使用的在线支付平台,它提供了许多 API 和工具来支持开发者在自己的应用程序中接受和处理支付。npm 包 stripe-errbac...

    4 年前
  • npm 包 grunt-http-download 使用教程

    前言 前端工程师在工作中经常需要下载一些文件,例如图片、音频、视频等等。通常我们会使用一些下载工具,但是如果要将下载过程集成到前端项目中,我们又该如何做呢?这时候,一个叫做 grunt-http-do...

    4 年前
  • npm 包 stripe-debug 使用教程

    概述 在前端开发中,使用第三方库已经成为了不可避免的一部分。而其中一个很重要的库就是 Stripe。Stripe 是一个流行的在线支付处理平台,许多电子商务网站都会使用它来处理交易。

    4 年前
  • npm 包 grunt-yaml 使用教程

    在前端开发中,我们经常需要编写 YAML 格式的配置文件来描述某些需要自动化工具处理的任务,如构建、测试、部署等。为了提高工作效率,我们可以使用 npm 包 grunt-yaml 来处理 YAML 文...

    4 年前
  • npm 包 grunt-cssbeautifier 使用教程

    前言 在 Web 前端开发中,CSS 是一个必不可少的部分,而 CSS 文件的编写格式规范也十分重要。在编写 CSS 文件时,我们需要保证代码的可读性和可维护性,这时候工具类库就能够帮我们提高效率。

    4 年前
  • npm 包 buildbranch 使用教程

    如果你正在开发一个项目,想要测试一下最新的代码在生产环境下的表现,但是又不想影响到正在使用的稳定版本,你可以使用 Github 提供的分支功能。而 npm 包 buildbranch 则是一个非常方便...

    4 年前
  • npm 包 @microsoft/microsoft-graph-types 使用教程

    在前端开发中,许多应用需要与微软 Graph API 进行交互。为了方便开发者,Microsoft 推出了 @microsoft/microsoft-graph-types 这个 npm 包,它提供了...

    4 年前
  • npm 包 spsave 使用教程

    在前端开发过程中,我们经常需要与 SharePoint 进行交互,比如上传文件、创建列表项、读取列表中的数据等等。而实现这些功能的方式之一是通过 spsave 这个 npm 包,本文将详细介绍 sps...

    4 年前
  • npm 包 cpass 使用教程

    前言 在现代的 Web 开发中,前端工程师需要处理大量的敏感数据。为了保护用户信息和数据的安全,我们通常希望将这些数据加密存储,以免被恶意攻击者窃取。在建设一个安全可靠的 web 应用程序的过程中,我...

    4 年前
  • npm 包 node-ntlm-client 使用教程

    前言 在进行前端开发时,我们通常需要与后端服务器进行通信。大多数情况下,服务器都采用 NTLM 认证方式。为了实现与服务器的正常通信,我们需要使用一个 npm 包——node-ntlm-client。

    4 年前
  • npm 包 @pnp/logging 使用教程

    前置知识 在深入学习 @pnp/logging 之前,您需要了解以下知识: npm:Node 包管理器,用于安装、升级和管理 Node.js 包。 TypeScript:一种由 Microsoft ...

    4 年前
  • npm 包 @pnp/common 使用教程

    在前端开发中,我们经常会用到 npm 包来处理各种问题。其中,@pnp/common 是一个非常实用的 npm 包,它提供了一系列常用的工具函数和类型定义,可帮助程序员更高效地进行开发。

    4 年前
  • npm 包 @pnp/odata 使用教程

    前言 在前端开发中,数据的请求和处理是必不可少的一环。而在 SharePoint 开发中,@pnp/odata 是一个常用的数据请求工具。本文将会详细介绍 @pnp/odata 的使用方法及注意事项。

    4 年前
  • npm 包 @pnp/sp 使用教程

    前言 当我们开发 SharePoint Online 的前端应用时,经常需要与 SharePoint Online 中的数据进行交互。微软提供了 REST API 和 Graph API 并支持使用 ...

    4 年前
  • npm 包 @pnp/adaljsclient 使用教程

    前言 在前端开发中,我们经常需要用到第三方库来提高开发效率和代码质量。npm 是前端最常用的一个包管理工具,而 @pnp/adaljsclient 是一款优秀的基于 ADAL.JS 封装的前端认证与授...

    4 年前
  • npm 包 @pnp/graph 使用教程

    前言 @pnp/graph 是一个用于访问 Microsoft Graph 的 JavaScript 库。它提供了一种简单、直观的方式来与 Microsoft Graph 进行交互,并能够在具体的项目...

    4 年前
  • npm 包 @pnp/config-store 使用教程

    简介 @pnp/config-store 是一款依赖于 Office 365 SharePoint Framework 的 npm 包,它是用于存储和管理 SharePoint Framework 应...

    4 年前
  • npm包@pnp/sp-addinhelpers使用教程

    本教程将介绍如何使用npm包@pnp/sp-addinhelpers来简化SharePoint客户端应用程序开发。@pnp/sp-addinhelpers扩展了@pnp/sp包,提供了一些方便开发的工...

    4 年前

相关推荐

    暂无文章