嘿，開發者同事！ ?你準備好進入vitest的世界了嗎？如果您是測試新手或者一直在使用其他測試框架，請不要擔心。我們將一起探索 vitest，在本文結束時，您會很高興嘗試一下！
什么是維泰斯特？
vitest 就像你的代碼的超級英雄。這是一個由 vite 提供支持的超快單元測試框架。但這對你來說意味著什么？
?? 速度：vitest 速度快得令人難以置信，這意味著您可以花更少的時間等待，花更多的時間編碼。
?簡易設置：與vite開箱即用，超級容易上手。
?觀看模式：當您進行更改時，它可以自動重新運行您的測試。
?出色的開發者體驗：它有一個干凈、直觀的 api，使用起來很有趣。
讓我們開始吧！
想象一下您正在開發一個新項目。您已經有了一些功能，并且想要確保它們正常工作。進入維斯特！
首先我們來安裝vitest：
npm install -d vitest
登錄后復制
現在，假設我們有一個簡單的函數要測試：
// math.js
export function add(a, b) {
return a + b;
}
登錄后復制
我們如何使用 vitest 進行測試？這非常簡單！我們來創建一個測試文件：
// math.test.js
import { expect, test } from 'vitest'
import { add } from './math'
test('addition works', () => {
expect(add(2, 2)).tobe(4)
})
登錄后復制
哇，這很簡單，對吧？我們來分解一下：
-
我們從vitest導入expect和test。
我們導入add函數。
我們使用測試函數創建一個測試。
在測試中，我們使用expect來檢查我們的函數是否正常工作。
運行你的測試
準備好運行測試了嗎？只需將其添加到您的 package.json 中即可：
{
"scripts": {
"test": "vitest"
}
}
登錄后復制
現在您可以使用以下命令運行測試：
npm run test
登錄后復制
瞧！您將在終端中看到測試結果。 ?
讓我們來看看：觀看模式
但是等等，還有更多！ vitest 有一個很棒的觀看模式。就像有一個私人助理，每次您進行更改時都會檢查您的代碼。
要使用觀看模式，只需運行：
npm run test -- --watch
登錄后復制
現在，每次您保存文件時，vitest 都會自動重新運行您的測試。就像魔法一樣！ ?
提問時間！
讓我們來互動吧。你能猜出這個測試的作用嗎？
test('multiply function', () => {
expect(multiply(3, 4)).tobe(12)
})
登錄后復制
花點時間想一想…
準備好了嗎？此測試正在檢查乘法函數，以確保它正確地將 3 和 4 相乘得到 12。很酷，對嗎？
輪到你了！
現在輪到你寫測試了！假設我們有這個函數：
export function isEven(number) {
return number % 2 === 0
}
登錄后復制
你能為這個函數寫一個測試嗎？試試吧！
（提示：您需要檢查偶數和奇數）
總結
恭喜！您剛剛邁出了進入 vitest 世界的第一步。 ? 我們已經介紹了基礎知識，但還有更多值得探索的內容：
模擬函數和模塊
測試異步代碼
將 vitest 與您最喜歡的框架（如 react 或 vue）一起使用
記住，測試不僅僅是發現錯誤。這是關于編寫更好、更可靠的代碼。有了 vitest，其實可以很有趣！
那么，你準備好在你的下一個項目中嘗試vitest了嗎？相信我，未來的你會感謝你的！ ?
測試愉快！ ??
