npm 包 eut 使用教程

简介

npm 包 eut 是一个轻量级的前端单元测试工具,可以在浏览器和 Node.js 环境中运行。eut 的定位是 易学易用,同时提供丰富的测试套件和功能。eut 相比其他单元测试工具,其最大的优势是在编写简单测试用例时体现出来的。相对来说,其复杂的测试用例写法就需要学习工具本身提供的测试用例模板,以及如何将测试结果进行断言。

安装

在项目中安装 eut,可以通过 npm 进行简单的安装,命令如下:

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

这样就能安装依赖到项目,接下来我们就可以使用 eut 进行单元测试了。

基本使用

在代码中我们编写好测试脚本后,使用 eut 进行运行测试代码。运行过程中 eut 可以输出错误信息,方便我们进行代码的调试。

以下是简单的示例代码:

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

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

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

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

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

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

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

我们创建一个测试套件,并编写测试用例。在示例代码中我们编写了 5 个测试用例,运行后我们能看到如下结果。

断言语法

EUT 提供了丰富的断言语法,这里做一个简单介绍。

equal/strictEqual/deepEqual

equal/strictEqual/deepEqual 都是比较相等的方法。优先使用 equal 方法,相当于 == 运算符,且可以进行类型的自动转换;strictEqual 相当于 === 运算符,不进行类型转换;deepEqual 比较两个对象是否深层相等。

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

isNumber

判断是否为数字类型。

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

isString

判断是否为字符串。

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

isArray

判断是否为数组类型。

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

isObject

判断是否为 Object 类型。

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

isFunction

判断是否为函数类型。

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

测试套件

除了在示例中介绍的 suitetest 方法外,eut 还提供了一些单元测试套件,其具有更强的功能实现。

beforeEach / afterEach

@BeforeEach 在每一个测试 Case 执行前都会执行。

@AfterEach 在每一个测试 Case 执行结束后都会执行。

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

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

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

before / after

@Before 在测试套件中的所有测试 Case 执行前都会执行。

@After 在测试套件中的所有测试 Case 执行完执行。

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

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

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

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

测试异步代码

测试异步代码需要使用 done() 方法进行正确监听测试完成事件。

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

总结

通过以上内容可以看出,eut 是一个相对来说简单并且易学使用的前端单元测试工具,同时具有丰富的测试语法和套件功能。对于新手来说,eut 是一个很好的入门工具,可以更好地帮助大家规范代码编写,开发出更加高质量的代码。

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


猜你喜欢

  • npm 包 @cond/sequelize 使用教程

    前言 在 Web 开发中,数据是非常关键的一环。对于开发者来说,操作数据库是相当常见的任务,因而,在后端开发中,ORM 框架已经被广泛使用。随着 Node.js 的流行,ORM 框架的前端版本也应运而...

    3 年前
  • npm 包 nanofp 使用教程

    前言 在前端开发中,函数式编程越来越受到关注,而 nanofp 就是一款实用的函数式编程工具包。本文将详细介绍 nanofp 的使用方法,帮助读者更好地了解和应用这个包。

    3 年前
  • npm 包 kumaran-test-profile 使用教程

    概述 kumaran-test-profile 是一个基于 Node.js 的 npm 包,可用于构建个人网站、个人简介等。它提供了多种样式、颜色风格等配置选项,让用户可以快速地构建一个个性化的个人网...

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

    在前端开发中,打印是一个非常重要的功能。而 react-native-printer 是一个非常方便的 npm 包,它可以让你在 React Native 应用程序中方便地实现打印功能。

    3 年前
  • npm 包 dev-http-server 使用教程

    简介 dev-http-server 是一个基于 Node.js 的 HTTP 服务器,主要用于本地开发和调试。它提供了简单易用的接口和丰富的功能,方便开发者进行静态资源服务器的搭建,同时支持自定义路...

    3 年前
  • npm 包 jishon 使用教程

    什么是 jishon? jishon 是一个 npm 包,它提供了 JavaScript 对象和 JSON 格式之间的相互转换功能。它非常易于使用,可以帮助开发者在前端项目中处理 JSON 数据。

    3 年前
  • npm 包 @lassehaslev/executor 使用教程

    在前端开发中,我们经常需要管理和开发多个项目。随着项目越来越多,经常需要在命令行中运行重复的任务,如编译、打包、测试等。这时候,自动化执行工具就可以发挥巨大作用,节省时间和精力。

    3 年前
  • npm 包 response-giver 使用教程

    在前端开发中,我们常常需要向页面返回数据或者信息。npm 包 response-giver 可以帮助我们更方便地实现这个目标。本文将向大家介绍如何使用 response-giver 包,并提供详细的教...

    3 年前
  • npm 包 @adrianobrito/vaporwave 使用教程

    前言 Vaporwave 是一种以 80 年代城市中心氛围为主题的音乐风格和子文化。而 @adrianobrito/vaporwave 就是一种可以在网页上实现 Vaporwave 风格的 npm 包...

    3 年前
  • npm 包 make-case 使用教程

    什么是 make-case make-case 是一个在命令行上使用的 npm 包,用于将输入的字符串转换为不同的命名风格。make-case 支持的命名风格包括:驼峰、蛇形、短横线和常量大写。

    3 年前
  • npm 包 babel-plugin-transform-import 使用教程

    在前端开发中,我们经常需要引入外部库或框架来完成项目。然而,不同的库和框架使用的语法可能不同,甚至可能存在冲突。因此,我们需要一种工具来解决这个问题。那么,babel-plugin-transform...

    3 年前
  • npm 包 react-pro-booking-calendar 使用教程

    前言 在现代 web 应用的开发过程中,前端界面扮演着至关重要的角色。可以说,一个漂亮、功能齐全的前端界面能够很大程度上提高用户的使用体验,从而提升应用的价值。 而在前端界面的开发过程中,涉及到了很多...

    3 年前
  • npm 包 @pauliclark/color-selector 使用教程

    npm 包 @pauliclark/color-selector 是一个可以帮助前端开发者选择颜色的工具包。它包含了简便易用的组件,将颜色选择器整合到您的网站或应用程序中。

    3 年前
  • npm 包 graphql-up 使用教程

    GraphQL 是一种用于 API 构建协议的查询语言,它提供了对 API 数据的强大且灵活的查询方式,同时附带了强大的类型系统,让我们能够以更高的效率和精准度完成开发工作。

    3 年前
  • npm 包 react-native-simple-picker-fix 使用教程

    前言 在 React Native 应用开发中,常常需要用到 Picker 组件来进行数据的选择,但官方提供的 Picker 组件功能较为简单,无法满足复杂的需求。

    3 年前
  • npm 包 fluent-http 使用教程

    随着 Web 技术的发展,前端工程师们已经逐渐成为整个软件开发行业中的一个重要组成部分。在前端开发中,各种工具和库的使用可以大大提高工作效率和代码质量。本文将介绍 npm 包 fluent-http ...

    3 年前
  • npm 包 loxium 使用教程

    简介 loxium 是一个用于构建 Web 应用的测试工具。它提供了一套强大的 API 以及允许开发者用 JavaScript 语言编写测试用例的能力。loxium 的主要目的是简化测试工程师的工作,...

    3 年前
  • npm 包 materialui-pagination 使用教程

    Material-UI 是一个 React 组件库,为开发者提供了大量易于使用的 UI 组件。materialui-pagination 是 Material-UI 中的一款分页组件,能够帮助我们快速...

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

    什么是 react-native-intent-package react-native-intent-package 是一个适用于 React Native 的 npm 包,它允许开发者在 Reac...

    3 年前
  • npm 包 @tangential/entityforge 使用教程

    简介 在前端开发中,我们经常需要维护大量的数据结构。手动维护这些数据结构的映射和彼此之间的依赖关系是一项复杂的任务,容易犯错且难以维护。为了方便开发人员,我们可以使用 @tangential/enti...

    3 年前

相关推荐

    暂无文章