0

我有一个 vue 组件，它从“created”函数中的 api 获取数据。我刚刚使用以下测试堆栈启动并运行：

  "devDependencies": {
    "@testing-library/jest-dom": "^5.16.1",
    "@testing-library/vue": "^5.8.2",
    "babel-core": "^7.0.0-bridge.0",
    "babel-jest": "^27.4.6",
    "jest": "^27.4.7",
    "vue-jest": "^3.0.7",
    "webpack-dev-server": "^3.11.0"
  }

我目前的测试：

import BatchCalendar from '../src/components/batch_calendar.vue';
import { render } from '@testing-library/vue';

test('It renders correctly and loads initial data', done => {
    const wrapper = await render(BatchCalendar);

        
    getByText('Calendar Notices');
});

我知道 vue 测试库从核心 vue 测试实用程序中抽象出一些方法，所以我只剩下使用 vue 测试库的“渲染”方法了。

我的问题是我应该如何处理 vue created 钩子中的 API 调用。

  1. 是否应该模拟所有 api 调用（以及异步方法？）？
  2. 我如何/在哪里放置等待/异步功能？
  3. 如果我有一个在渲染时自行发出 API 请求的插件（fullcalendar），我将如何模拟/处理它？

如果您需要更多信息，请告诉我，谢谢。

4

0 回答 0