嘿，開發者同事！ ?你準備好進入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)
})

哇，這很簡單，對吧？我們來分解一下：

1. 我們從vitest導入expect和test。
2. 我們導入add函數。
3. 我們使用測試函數創建一個測試。
4. 在測試中，我們使用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了嗎？相信我，未來的你會感謝你的！ ?

測試愉快！ ??

以上就是什么是 Vitest？為什么要使用它？的詳細內容，更多請關注愛掏網 - it200.com其它相關文章！