Day2 vitest 之 vitest初体验

尝试在线 Vitest

• 尝试在线 Vitest

• https://stackblitz.com/edit/vitest-dev-vitest-efoxia?file=test%2Fsuite.test.ts&initialPath=vitest/

本地尝试

使用vite搭建项目

pnpm create vite@latest

配置选择vue3,ts

将vitest添加到你的项目中

npm install -D vitest

Vitest 1.0 requires Vite >=v5.0.0 and Node >=v18.00 Vitest 1.0 需要 Vite >=v5.0.0 且 Node >=v18.00

添加test命令

• 请将以下部分添加到您的 package.json 中

{
  "scripts": {
    "test": "vitest"
  }
}

编写测试

简单起见，先使用js文件初步体验vitest

• 新建scripts文件夹

- 新建sum.js

JavaScript export default function sum(a, b) {

return a + b }



- 新建sum.test.js

    ```JavaScript
import { expect, test } from 'vitest'
import sum from './sum'

test('adds 1 + 2 to equal 3', () => {
    expect(sum(1, 2)).toBe(3)
})

• App.vue的script中写入

import sum from './scripts/sum.js'

• 命令行输入

pnpm run test

• 测试结果

  •