如何在Svelte應用中集成測試API接口

在Svelte應用中集成測試API接口可以使用工具如msw（Mock Service Worker）來模擬API請求和響應。以下是使用msw進行API接口集成測試的步驟：

1. 在Svelte應用中安裝msw：

npm install msw --save-dev

2. 在測試文件中配置msw： 在測試文件中創建一個server，并使用msw的rest對象來定義模擬的API接口請求和響應。

// src/mocks/handlers.js
import { rest } from 'msw';

export const handlers = [
  rest.get('https://api.example.com/data', (req, res, ctx) => {
    return res(
      ctx.json({
        data: 'mocked data',
      })
    );
  }),
];

3. 啟動msw的mock服務： 在測試文件中啟動msw的mock服務，并將之前定義的handlers傳入。

// src/mocks/server.js
import { setupServer } from 'msw/node';
import { handlers } from './handlers';

export const server = setupServer(...handlers);

4. 在測試文件中啟用msw的mock服務： 在測試文件中引入server，并在測試前啟動server，在測試后關閉server。

// src/mocks/server.js
import { server } from './server';

beforeAll(() => server.listen());
afterEach(() => server.resetHandlers());
afterAll(() => server.close());

5. 編寫集成測試： 在集成測試中可以使用fetch或其他HTTP客戶端庫來發送API請求，然后斷言返回的數據是否符合預期。

import { server } from './mocks/server';

test('fetches data from API', async () => {
  const response = await fetch('https://api.example.com/data');
  const data = await response.json();

  expect(data).toEqual({ data: 'mocked data' });
});

通過以上步驟，就可以在Svelte應用中集成測試API接口，而不用依賴于實際的后端服務。