单元测试Qunit

最新推荐文章于 2024-04-12 09:33:49 发布

惟是致良知

最新推荐文章于 2024-04-12 09:33:49 发布

阅读量616

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： QUnit TDD JavaScript单元测试同步测试异步测试

本文链接：https://blog.youkuaiyun.com/hustzw07/article/details/75027801

QUnit是一个由jQuery团队开发的强大JavaScript单元测试框架，适用于浏览器环境。其优点包括美观的测试界面、简单的API和无依赖性，尤其适合与jQuery集成。测试主要通过module和test方法组织，提供equal相关的断言。QUnit还提供了调试工具，如全局变量检查，以避免污染全局变量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

QUnit

QUnit是一个强大的JavaScript单元测试框架，该框架是由jQuery团队的成员所开发。据说一开始是jQuery的一部分，后来独立于jQuery，是jQuery的官方测试套件。官方说法，QUnit是个强大简单易用的JavaScript测试框架。由于QUnit 脱胎于 jQuery，因此应用非常广泛。

优点：
1.因为自带JS和CSS，因此它有最漂亮最详细的测试界面。
2.另外它的API和配置非常简单，很容易上手。
3.QUnit 脱胎于jQuery，不依赖任何软件和库。因此JS能运行的地方都可以使用它。与jQuery 集成更方便。
4.当然也有缺点，就是QUnit 主要用于浏览器中进行测试，自动化不是很好。不过随着它的流行，相信不是问题。

安装

QUnit 的安装很容易，下面三种方式都可以。
官网下载： http://qunitjs.com/ 最新版本是 v2.4.0。

直接引用

  <link rel="stylesheet" href="https://code.jquery.com/qunit/qunit-2.4.0.css">
  <script src="https://code.jquery.com/qunit/qunit-2.4.0.js"></script>

npm安装

npm install --save-dev qunitjs

另外官网上也给出了YARN 和 bower 的安装。

YARN: yarn add qunitjs --dev
Bower bower install --save-dev qunit

方便起见，建议全局安装

npm install -g qunitjs

这样我们就可以在命令行即可执行测试:

qunit 'tests/*.js'

使用

例子

先看一个简单的例子:

最低0.47元/天解锁文章

200万优质内容无限畅学