npm 包 stryker 使用教程

概述

Stryker 是一个测试覆盖率工具，它可以帮助开发人员自动化地运行 JavaScript 应用程序的单元测试。本文将介绍如何使用 Stryker 进行前端应用的测试覆盖率分析。

安装

首先，您需要在全局安装 stryker：

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

接着，在项目根目录下安装 stryker 和相关的依赖：

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

配置

在项目根目录下创建一个名为 stryker.conf.js 的配置文件，并添加以下内容：

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

该配置文件指定了 Stryker 如何运行测试、生成报告和计算覆盖率。其中：

  • mutate：指定要变异的文件。
  • mutator：指定变异器类型。这里是 JavaScript 变异器。
  • testRunner：指定测试运行器。这里是 Jest。
  • reporters：指定要使用的报告器。这里是 HTML 报告器。
  • coverageAnalysis：指定要分析的覆盖范围。这里是全部分析。
  • jest：指定 Jest 的配置信息。

运行

接下来，运行以下命令以启动测试覆盖率分析：

------- ---

Stryker 将开始变异 JavaScript 文件并对其运行 Jest 测试套件。在测试完成后，Stryker 将生成一个 HTML 报告，其中包含有关测试情况和代码覆盖率的详细信息。

示例代码

考虑以下示例代码，它导出了一个将两个数字相加的函数：

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

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

我们可以编写一个简单的测试套件来测试该函数，并使用 Stryker 进行测试覆盖率分析：

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

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

最后，运行 stryker run 命令进行测试覆盖率分析，Stryker 将会输出以下结果：

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

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

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

Stryker 将显示测试的结果和覆盖率信息，并且在 mutation/html 目录下生成一个 HTML 报告。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/48550

阅读全文

猜你喜欢

  • npm 包 own-enumerable-keys 使用教程

    在前端开发中，有时我们需要获取一个对象自身的可枚举属性名。而 JavaScript 原生提供的 Object.keys() 方法只能获取到对象自身的可枚举属性名，而不能获取到继承来的属性名。

    6 年前
  • 使用 tween-objects 包实现动画效果

    tween-objects 是一个 JavaScript 库，可以使用它来创建平滑的动画过渡效果，无论是在前端还是后端。它可以轻松地对对象属性进行插值处理，使它们从一个值过渡到另一个值。

    6 年前
  • npm 包 tween-ticker 使用教程

    在前端开发中，动画效果的实现是非常重要的一部分。而 tween-ticker 是一个非常方便的 npm 包，可以帮助我们快速地创建平滑的缓动动画效果。本篇文章将介绍如何使用 tween-ticker ...

    6 年前
  • npm 包 `mixes` 使用教程

    mixes 是一个 npm 包，它提供了一种基于 mixin 的面向对象编程方案。使用 mixes 可以让前端开发更加灵活和高效。 安装 在使用 mixes 之前，需要先安装它。

    6 年前
  • npm 包 color-style 使用教程

    介绍 Color-style 是一个可以帮助前端开发者管理颜色主题的 npm 包。通过该包，我们可以快速地切换和应用不同的颜色主题，从而提高项目的可定制性和用户体验。

    6 年前
  • npm 包 mouse-pressed 使用教程

    在前端开发中，我们经常需要对鼠标事件进行监听和处理。而 mouse-pressed 就是一款便捷的 npm 包，可以帮助我们更加简单地监听鼠标按下事件。本文将为大家介绍如何使用并深入了解该包的实现原理...

    6 年前
  • npm 包 key-pressed 使用教程

    简介 key-pressed 是一个基于浏览器的 JavaScript 库，可用于监听键盘按键事件。它可以轻松地在 Web 应用程序中实现各种键盘事件的处理，例如快捷键、按下和松开等。

    6 年前
  • npm 包 wheel 使用教程

    npm 是前端开发中最常用的包管理工具之一，而 wheel 则是一个基于 npm 的 JavaScript 库，旨在提供一些有用的通用函数和组件。 本文将介绍如何安装并使用 wheel 包，并提供实例...

    6 年前
  • npm 包 scroll-speed 使用教程

    当我们在 Web 开发中需要实现滚动效果时，通常都是使用浏览器原生的滚动条或者自己手动实现滚动功能。但这些方法并不总能完全满足需求，例如可能需要控制滚动速度等等。而今天我们要介绍的 npm 包 scr...

    6 年前
  • npm 包 simple-2d-shader 使用教程

    简介 simple-2d-shader 是一个基于 WebGL 的 2D 渲染库，可以快速实现各种 2D 效果，如颜色变换、模糊、灰度等。它是一个开源的 npm 包，可以通过 npm 安装并在前端项目...

    6 年前
  • npm 包 gl-mesh 使用教程

    gl-mesh 是一个基于 WebGL 的开源 JavaScript 库，用于在浏览器中绘制 3D 网格模型。该库提供了一系列的函数和工具，以帮助开发人员创建高效并具有交互性的 3D 图形应用程序。

    6 年前
  • npm 包 simple-3d-shader 使用教程

    简介 simple-3d-shader 是一个基于 WebGL 技术实现的简单 3D 渲染引擎，使用起来非常方便。本教程将带你了解如何使用该 npm 包进行 3D 渲染。

    6 年前
  • npm 包 orbit-camera 使用教程

    简介 Orbit Camera 是一个 JavaScript 库，用于在三维场景中创建可旋转相机。它是基于 Three.js 库构建的。 该库支持鼠标和触摸设备输入，并提供了灵活的配置选项，使用户可以...

    6 年前
  • npm 包 canvas-orbit-camera 使用教程

    简介 canvas-orbit-camera 是一个基于 Three.js 的 3D 相机控制库。它可以让你轻松地通过鼠标或触摸屏来控制 Three.js 场景的相机，包括缩放、平移和旋转等操作。

    6 年前
  • npm 包 touch-position 使用教程

    介绍 touch-position 是一个可以获取手势操作位置信息的 npm 包，支持多点触控。它可以方便地在移动端 web 应用中使用，并且支持常见的手势操作，如拖拽、缩放等。

    6 年前
  • npm 包 mouse-position 使用教程

    mouse-position 是一款能够获取鼠标位置的 npm 包，适用于前端开发中需要获取鼠标位置信息的场景。 安装 在使用 mouse-position 之前，您需要先安装该包。

    6 年前
  • npm 包 gl-wireframe 使用教程

    介绍 gl-wireframe 是一个基于 OpenGL/WebGL 的 npm 包，用于创建网格线框渲染效果。它支持在三维场景中呈现物体的线框轮廓，并提供了丰富的配置选项。

    6 年前
  • npm 包 array-pack-2d 使用教程

    什么是 array-pack-2d？ array-pack-2d 是一个 JavaScript 库，它可以将多个一维数组打包成一个二维数组。这个库非常适合前端开发者在处理数据时使用。

    6 年前
  • npm 包 gl-constants 使用教程

    简介 gl-constants 是一个用于 WebGL 开发的 npm 包，提供了多个 WebGl 常量值的定义。这些常量可以在开发过程中方便地使用，加快代码编写速度。

    6 年前
  • npm 包 gl-to-dtype 使用教程

    什么是 gl-to-dtype？ gl-to-dtype 是一个用于将 WebGL 数据类型转换为 JavaScript 中的 Typed Arrays 数据类型的 npm 包。

    6 年前

相关推荐

    暂无文章