vue 如果使用jest对查询接口、新增接口进行自动化测试用例编写

对于 Vue 项目中的查询接口和新增接口，我们可以使用 Jest 进行自动化测试用例编写。

首先，我们需要安装 Jest 和 vue-test-utils：

npm install --save-dev jest vue-jest @vue/test-utils

接着，在项目根目录下新建一个 `__tests__` 目录，用于存放测试用例文件。在该目录下新建一个 `example.spec.js` 文件，用于编写测试用例。

下面是一个针对查询接口和新增接口的示例测试用例：

import { mount } from '@vue/test-utils'
import axios from 'axios'
import Example from '@/components/Example.vue'

jest.mock('axios', () => ({
  get: jest.fn(() => Promise.resolve({ data: {} })),
  post: jest.fn(() => Promise.resolve({ data: {} }))
}))

describe('Example.vue', () => {
  it('fetches data when mounted', async () => {
    const wrapper = mount(Example)

    await wrapper.vm.$nextTick()

    expect(axios.get).toHaveBeenCalledWith('/api/data')
  })

  it('sends data when form is submitted', async () => {
    const wrapper = mount(Example)

    await wrapper.find('form').trigger('submit')

    expect(axios.post).toHaveBeenCalledWith('/api/data', expect.anything())
  })
})

在测试用例中，我们使用 `jest.mock` 来模拟 axios 的 get 和 post 方法，并设置它们返回一个空对象。然后，我们使用 `mount` 方法来挂载 Example 组件，并在测试中触发组件的 mounted 和 form submit 事件，分别测试查询接口和新增接口是否被正确调用。

最后，我们可以在命令行中运行 `jest` 命令来执行测试用例：

jest

执行完成后，我们可以看到测试结果。如果测试通过，将会显示绿色的字体，否则将会显示红色的字体，并提示错误信息。