測試是軟體開發的重要組成部分，可確保您的應用程式能如預期運作。 Jest 是 JavaScript 生態系統中最受歡迎的測試框架之一。 Jest 由 Facebook 開發，以其簡單易用而聞名，使其成為初學者和經驗豐富的開發人員的絕佳選擇。
Jest 入門
在我們深入範例之前，讓我們在您的專案中設定 Jest。如果您還沒有安裝，您可以使用 npm 安裝它：
npm install --save-dev jest
接下來，將測試腳本加入您的 package.json 中：
"scripts": {
"test": "jest"
}
現在您已經準備好要寫一些測驗了！
讓我們建立一個簡單的函數來測試。建立一個名為 math.js 的檔案：
// math.js
function add(a, b) {
return a + b;
}
module.exports = add;
現在，讓我們為這個函數寫一個測試。建立一個名為 math.test.js 的檔案：
// math.test.js
const add = require('./math');
test('adds 1 + 2 to equal 3', () => {
expect(add(1, 2)).toBe(3);
});
在這個測試中，我們使用測試函數來定義測試案例。 Expect函數用來斷言add(1, 2)的結果等於3。
運行測試
您可以透過在終端機中執行以下命令來執行測試：
npm test
您應該看到表明您的測試已通過的輸出。
測試非同步程式碼
Jest 也支援測試非同步程式碼。讓我們修改 math.js 檔案以包含非同步函數：
// math.js
function fetchData() {
return new Promise((resolve) => {
setTimeout(() => {
resolve('peanut butter');
}, 1000);
});
}
module.exports = { add, fetchData };
現在，讓我們為 fetchData 寫一個測驗：
// math.test.js
const { add, fetchData } = require('./math');
test('adds 1 + 2 to equal 3', () => {
expect(add(1, 2)).toBe(3);
});
test('fetches data', async () => {
const data = await fetchData();
expect(data).toBe('peanut butter');
});
在此測試中，我們將測試函數標記為非同步並使用await 等待promise 解析。
模擬函數
Jest 提供了強大的類比功能。假設您有一個進行 API 呼叫的函數。您可以模擬此函數來控制其在測試期間的行為。
這是一個例子：
// api.js
const axios = require('axios');
async function getUser() {
const response = await axios.get('https://api.example.com/user');
return response.data;
}
module.exports = getUser;
您可以在測試中模擬 axios：
// api.test.js
const axios = require('axios');
const getUser = require('./api');
jest.mock('axios');
test('fetches user data', async () => {
const user = { name: 'John Doe' };
axios.get.mockResolvedValue({ data: user });
const result = await getUser();
expect(result).toEqual(user);
});
在此測試中，我們模擬 axios.get 方法以傳回預先定義的回應，從而允許我們在不進行實際 API 呼叫的情況下測試 getUser。
Jest 是一個強大的測試框架，可以輕鬆為 JavaScript 應用程式編寫和執行測試。憑藉其簡單的語法、對非同步程式碼的支援以及內建的類比功能，Jest 可以幫助您確保程式碼的可靠性和可維護性。立即開始將 Jest 整合到您的專案中，享受自動化測試的好處。
以上是使用 Jest 測試您的 JavaScript 應用程式的詳細內容。更多資訊請關注PHP中文網其他相關文章！
