[javascript] jest.setTimeout에 의해 지정된 5000ms 시간 초과 내에 비동기 콜백이 호출되지 않았습니다.

puppeteer와 jest를 사용하여 프런트 엔드 테스트를 실행하고 있습니다.

내 테스트는 다음과 같습니다.

describe("Profile Tab Exists and Clickable: /settings/user", () => {
    test(`Assert that you can click the profile tab`, async () => {
      await page.waitForSelector(PROFILE.TAB);
      await page.click(PROFILE.TAB);
    }, 30000);
});

때로는 테스트를 실행할 때 모든 것이 예상대로 작동합니다. 다른 경우에는 오류가 발생합니다.

Timeout - Async callback was not invoked within the 5000ms timeout specified by jest.setTimeout.

      at node_modules/jest-jasmine2/build/queue_runner.js:68:21
      at Timeout.callback [as _onTimeout] (node_modules/jsdom/lib/jsdom/browser/Window.js:633:19)

다음과 같은 이유로 이상합니다.

1. 시간 초과를 30000으로 지정했습니다.

2. 이 오류가 발생하는지 여부는 매우 무작위로 보입니다.

왜 이런 일이 일어나는지 추측 할 수 있습니까?

답변

jest.setTimeout(30000);

// jest.config.js
module.exports = {
  // setupTestFrameworkScriptFile has been deprecated in
  // favor of setupFilesAfterEnv in jest 24
  setupFilesAfterEnv: ['./jest.setup.js']
}

// jest.setup.js
jest.setTimeout(30000)

describe("Profile Tab Exists and Clickable: /settings/user", () => {
    test(`Assert that you can click the profile tab`, async (done) => {
        await page.waitForSelector(PROFILE.TAB);
        await page.click(PROFILE.TAB);
        done();
    }, 30000);
});

 // config
   "setupFilesAfterEnv": [  // NOT setupFiles
     "./src/jest/defaultTimeout.js"
   ],

// File: src/jest/defaultTimeout.js
/* global jest */
jest.setTimeout(1000)

Timeout - Async callback was not invoked within the 5000ms timeout specified by jest.setTimeout.

describe('puppeteer tests', () => {
  beforeEach(() => {
    jest.setTimeout(10000);
  });

  test('best jest test fest', async () => {
    // blah
  });
});

// in jest.config.js
module.exports = {
  testTimeout: 30000
}

beforeAll((done /* call it or remove it*/) => {
  done(); // calling it
});

--testTimeout=<number>
Default timeout of a test in milliseconds. Default value: 5000.