npm 包 karma-jsmockito-jshamcrest 使用教程-JavaScript中文网-JavaScript教程资源分享门户

前言

在前端开发中，我们常常需要进行单元测试和集成测试。而为了方便进行测试，我们可以使用一些第三方的测试框架和工具。在这篇文章中，我们将介绍一款非常实用的 npm 包 karma-jsmockito-jshamcrest，希望它能够帮助你更加高效地进行前端测试。

简介

karma-jsmockito-jshamcrest 是一个基于 karma 和 jasmine 的测试工具。它将 jshamcrest 和 jsmockito 引入 karma 测试环境中，并通过封装的 api 实现了更加方便的测试操作。其中 jshamcrest 是一个类似于 JUnit 的断言库，而 jsmockito 则是 js 版本的 mock 库。

安装

首先，需要全局安装 karma，如果已经安装可以跳过这一步：

npm install -g karma

然后，我们就可以通过 npm 安装 karma-jsmockito-jshamcrest：

npm install karma-jsmockito-jshamcrest

安装完毕后，我们需要在 karma 的配置文件中引入 jshamcrest 和 jsmockito，以及 karma-jsmockito-jshamcrest 的插件：

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

使用

jshamcrest

jshamcrest 支持多种语言的断言，本文只介绍其中一些常用的断言函数。

assertThat(actual, matcher, [message])：使用指定的 matcher 对 actual 进行断言。

import {assertThat, equalTo} from 'jshamcrest';

describe('test jshamcrest', () => {
  it('assertion should work', () => {
    const value = 'test';
    assertThat(value, equalTo('test'));
  });
});

hasItem(item)：判断数组中是否包含某个元素。

import {assertThat, hasItem} from 'jshamcrest';

describe('test jshamcrest', () => {
  it('should check if array contains element', () => {
    const array = [1, 2, 3];
    assertThat(array, hasItem(2));
  });
});

hasProperty(property, [matcher])：判断对象中是否包含某个属性及其对应值。

import {assertThat, hasProperty, equalTo} from 'jshamcrest';

describe('test jshamcrest', () => {
  it('should check if object has property with specified value', () => {
    const obj = {name: 'test', age: 18};
    assertThat(obj, hasProperty('name', equalTo('test')));
  });
});

jsmockito

jsmockito 提供了一些简单易用的 mock 函数和 expect 语句。比如：

mock(cls)：创建一个类的 mock 对象。

import {mock} from 'jsmockito';

describe('test jsmockito', () => {
  it('should create a mock object', () => {
    const obj = mock(Object);
    expect(obj).not.toBeNull();
  });
});

when(fn)：设置 mock 对象函数的返回值。

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

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

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

verify(fn, [times])：验证 mock 对象函数的调用情况。

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

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

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

karma-jsmockito-jshamcrest

karma-jsmockito-jshamcrest 提供了封装的 api，以方便进行测试操作。其中，jshamcrest 的 api 可以通过 assert 对象进行调用，而 jsmockito 的 api 可以通过 mock 对象进行调用。比如：

assert.that(actual, matcher, message?)：使用指定的 matcher 对 actual 进行断言。

describe('test karma-jsmockito-jshamcrest', () => {
  it('should use jshamcrest assert method', () => {
    const value = 'test';
    assert.that(value, equalTo('test'));
  });
});

mock(cls)：创建一个类的 mock 对象。

describe('test karma-jsmockito-jshamcrest', () => {
  it('should create a mock object', () => {
    const obj = mock(Object);
    expect(obj).not.toBeNull();
  });
});

总结

在本文中，我们介绍了 karma-jsmockito-jshamcrest 这个非常实用的 npm 包。它能够非常方便地帮助我们进行前端测试，同时也提供了封装的 api，使得我们能够更加有效地利用 jshamcrest 和 jsmockito 这两个常用的测试工具。希望这篇文章能够帮助你更加高效地进行前端测试。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/60066efc4c49986ca68d89a3