React Apollo测试: MockProvider在运行测试时需要很长时间

Question

我在大约20个测试中使用来自@apollo/react-testing的MockedProvider，每个单独的测试运行大约2.5秒，但是当它们一起运行时，其中一些随机需要6-8秒

我真的不能理解这一点，因为“慢”测试总是不同的，测试执行的顺序也总是不同的。

每个测试都有以下结构

import React from 'react'
import { MemoryRouter } from 'react-router-dom'
import { MockedProvider } from '@apollo/react-testing'
import { render, cleanup} from '@testing-library/react'
import MyComponent from './'

describe('MyComponent', () => {
  afterEach(cleanup)
  it('queries for and displays MyComponent', async () => {
    const cmp = render(
      <MockedProvider mocks={mocks} addTypename={false}>
          <MyComponent />
      </MockedProvider>,
      { wrapper: MemoryRouter }
    )
    expect(cmp.getByText('something')).toBeInTheDocument()
  })
})

你有过类似的经历吗？你知道我可以检查什么吗？我在react v16.9.0 @apollo/react-testing v3.1.3上

Answer 1

遇到了类似的问题。对我来说，问题在于某个特定查询返回的记录太多。

我有大约4000个模拟结果以数组的形式返回，测试大约需要4-5秒才能完成。现在返回10个结果，它们下降到大约75ms。

帮助我缩小范围的是使用Chrome的Node远程调试功能来分析一个测试。肯特·C·多兹在上面做了一个简短的视频，这对我很有帮助：https://www.youtube.com/watch?v=RB2g-o39upo