我有一種從 API 獲取產品資料的方法。我使用 Axios 呼叫 API。由于產品資料彼此獨立，因此我一次呼叫所有 API 并使用Promise.all等待呼叫完成后再繼續。例如，考慮具有以下行的函式（未包含在函式陳述句中）。
const productIds = [ "SKU-1", "SKU-2" ];
const promises = productIds.map<Promise<Product>>(id => axios.get(`/products/${id}`));
Promise.all(promises).then(values => {
// do some stuff here.
});
撰寫的單元測驗用例使用了如下的 jest mock 實作。
import http from "axios";
import { sku1, sku2 } from "./test-product-data";
jest.mock("axios", () => ({
create: jest.fn(() => http),
get: jest.fn(() => Promise.resolve()),
}));
const httpMock = http as jest.Mocked<typeof http>;
describe("Update operations!", () => {
beforeAll(() => {
httpMock.get.mockImplementation(url => {
// Call to Get product.
if (url.endsWith("/SKU-1")) {
mockedSuccessResponse.data = Object.assign({}, sku1);
return Promise.resolve(mockedSuccessResponse);
};
if (url.endsWith("/SKU-2")) {
mockedSuccessResponse.data = Object.assign({}, sku2);
return Promise.resolve(mockedSuccessResponse);
};
});
});
});
Jest 回傳最后一次 API 呼叫的回應，即對SKU-2帶有 id 的產品的回應SKU-1。我錯過了什么嗎？
uj5u.com熱心網友回復：
由于您正在修改相同的物件參考（mockedSuccessResponse.data），后續更改將覆寫以前的更改。這意味著以 with 結尾的模擬物件（sku2）將覆寫. 當您呼叫時，他們都解決了模擬資料。url/SKU-2mockedSuccessResponse.dataaxios.get()promise.allsku2
解決方案：為不同的條件分支創建不同的mock物件。
例如
index.ts：
import axios from 'axios';
interface Product {
id: string;
}
export function main() {
const productIds = ['SKU-1', 'SKU-2'];
const promises = productIds.map<Promise<Product>>((id) => axios.get(`/products/${id}`));
return Promise.all(promises);
}
index.test.ts：
import http from 'axios';
import { main } from './';
jest.mock('axios', () => ({
create: jest.fn(() => http),
get: jest.fn(),
}));
const httpMock = http as jest.Mocked<typeof http>;
describe('Update operations!', () => {
const sku1 = { id: 'sku-1' };
const sku2 = { id: 'sku-2' };
beforeAll(() => {
httpMock.get.mockImplementation((url: string): any => {
if (url.endsWith('/SKU-1')) {
return Promise.resolve({ data: Object.assign({}, sku1) });
}
if (url.endsWith('/SKU-2')) {
return Promise.resolve({ data: Object.assign({}, sku2) });
}
});
});
test('should pass', async () => {
const actual = await main();
expect(actual).toEqual([{ data: { id: 'sku-1' } }, { data: { id: 'sku-2' } }]);
});
});
測驗結果：
PASS examples/70599956/index.test.ts (9.178 s)
Update operations!
? should pass (2 ms)
Test Suites: 1 passed, 1 total
Tests: 1 passed, 1 total
Snapshots: 0 total
Time: 9.216 s
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/406788.html
標籤：
上一篇：無法呼叫非函式型別的值，swift cuckoomocking框架
下一篇：在子類中呼叫Moq父方法