Vitest 3.0 发布啦!!!探花 巨乳
两年时分,npm 下载量从 100w 到 800w,牛!!!
为了确保你写的器具库相比严谨,我提议大家依然要学习一下 单位测试 如何写,当今齐是 Vite 形式,是以咱们不错学习一下 Vitest
Vitest 是一个基于 Vite 的测试框架,它哄骗了 Vite 的快速驱动和热更新特质,使得测试历程愈加高效
npm install --save-dev vitest
编写第一个测试
在形式中创建一个 test 目次,并在其中创建一个 example.test.js 文献。咱们将在这个文献中编写咱们的第一个测试
在这个例子中,咱们界说了一个浮浅的 sum 函数,并编写了一个测试用例来考据它的正确性。 expect 是 Vitest 提供的断言函数,toBe 是匹配器探花 巨乳,用于相比实质值和生机值
npx vitest✓ test/example.test.js (1) ✓ adds 1 + 2 to equal 3Test Files 1 passed (1) Tests 1 passed (1) Time 1.23s (in thread 3ms, 41000.00%)
测试异步代码
在实质成就中,咱们每每需要测试异步代码。Vitest 提供了多种形式来处置异步测试。以下是一个浮浅的例子:
在这个例子中,咱们界说了一个异步函数 fetchData,并在测试用例中使用 async/await 来恭候异步操作完成
使用钩子函数
Vitest 提供了多种钩子函数,允许你在测试的不同阶段膨胀特定的操作。常见的钩子函数包括 beforeEach、afterEach、beforeAll 和 afterAll
在这个例子中,咱们在每个测试用例之前重置 counter 的值,并在每个测试用例之后打印 counter 确刻下值
模拟函数
在测试中,咱们每每需要模拟某些函数的活动。Vitest 提供了 vi.fn 来创建模拟函数
Vue 组件
淌若你念念给 Vue 组件写单测,你不错安设 @vue/test-utils
npm install --save-dev @vue/test-utils
假定咱们有一个浮浅的 Vue 组件 MyComponent.vue
探花 巨乳
接下来,编写测试文献 MyComponent.test.js: