Timeout - Async callback was not invoked within the 5000ms timeout specified

最近在弄UI測(cè)試，使用的是jest和puppeteer。主要是測(cè)試登錄頁(yè)面。

跟著網(wǎng)上的教程搗鼓了許久，有個(gè)錯(cuò)誤沒(méi)搞懂怎么解決。

錯(cuò)誤如下：

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

      63 | });
      64 |
    > 65 | test('login failure', async () => {
         | ^
      66 |   await page.waitForSelector('#username', {
      67 |         timeout: 5000,
      68 |       });

      at Spec (node_modules/jest-jasmine2/build/jasmine/Spec.js:85:20)
      at Object.test (src/tests/login.test.js:65:1)

測(cè)試的代碼如下：

const puppeteer = require('puppeteer');

let browser;
let page;

beforeAll(async () => {
  browser = await puppeteer.launch({
    headless: false,
    slowMo: 200,
  });
  page = await browser.newPage();
});

afterAll(() => {
  browser.close();
});

test('open page', async () => {
  await page.goto('localhost:8000/web/login');
});

test('login failure', async () => {
  await page.waitForSelector('#username', {
        timeout: 5000,
      });
  await page.type('#username', 'test');
  await page.type('#password', '1111');
  await page.click('#submit');
  await page.waitForSelector('.ant-message-notice',{ timeout: 5000});
});

研究到現(xiàn)在，倒是把協(xié)議那個(gè)弄好了

協(xié)議那方面的錯(cuò)， 我將page.goto('http://localhost:8000/web/login')改成page.goto('localhost:8000/web/login'就Ok了~

超時(shí)這個(gè)問(wèn)題卻一直沒(méi)有進(jìn)展，目前我認(rèn)為是jest的一次測(cè)試默認(rèn)就是不能超過(guò)5s。因?yàn)槲椰F(xiàn)在將步驟簡(jiǎn)化了，把驗(yàn)證登錄時(shí)將輸入的用戶名和密碼變得簡(jiǎn)單，從而將測(cè)試縮在5s之內(nèi)。

 PASS  src/tests/login.test.js (9.914s)
  √ open page (2080ms)
  √ login failure (4981ms)

Test Suites: 1 passed, 1 total
Tests:       2 passed, 2 total
Snapshots:   0 total
Time:        10.871s
Ran all test suites.

所以，有沒(méi)有人了解這方面QAQ，難道是修改jest的配置嗎？還是需要怎么解決，jest的配置也不知道在哪里解決OTZ