React: Timeout - Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL

Question

In my react application i am trying to write e2e testing using with puppeteer (jest).

test.js

  const puppeteer = require("puppeteer");

    let browser;
    let page;

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

   it("should display login page", async () => {
     await page.goto("http://localhost:3000/");
     const text = await page.evaluate(() => document.body.innerText);
     expect(text).toContain("Unity");
   });

    it("should show error message if email is not correct", async() => {
      await page.type("#email", "user");
      await page.type("#password", "pass");
      await page.click("button[type=submit]";

            const errorMessage = await page.evaluate(
            async () =>
             document.getElementsByClassName("ui negative message container")[0]
            );
          console.log("errorMessage", errorMessage);
       });
    });

But this e2e testing couldn't make it work.

I am receiving an error :

Timeout - Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL.

Can somebody help me to solve this issue?

You can try to change default jest's timeout (which is 5 sec) by adding: jasmine.DEFAULT_TIMEOUT_INTERVAL = 100000; to a setupTestFrameworkScriptFile.js file, which you address from jest config: setupTestFrameworkScriptFile: require.resolve('./setupTestFrameworkScriptFile.js') - Plus, you can look at chromium and see where the test is stuck. It will help you find the root cause — Yaniv Efraim
– Yaniv Efraim, Commented Feb 20, 2018 at 13:23

Karen Grigoryan · Accepted Answer · 2018-06-06 12:44:54Z

1

With jest v23, I'd try a timeout and some minor editions of your code (check the comments):

const puppeteer = require("puppeteer");

let browser;
let page;

describe("LoginPage", () => {
  beforeAll(async() => {
    browser = await puppeteer.launch({
      headless: false,
      slowMo: 250
    });
    page = await browser.newPage();
  }, 60e3); // timeout

  afterAll(() => browser.close()); // <-- don't leave browser hanging after the suite

  beforeEach(() => page.goto("http://localhost:3000")); // start with fresh page between test, don't keep implicit page state dependency

  it("should display login page", async() => {
    const text = await page.evaluate(() => document.body.innerText);
    expect(text).toContain("Unity");
    done(); //here
  });

  it("should show error message if email is not correct", async() => {
    await page.type("#email", "user");
    await page.type("#password", "pass");
    await page.click("button[type=submit]");

    try { // you need to try catch the error with async await
      await page.evaluate(
        () => document.getElementsByClassName("ui negative message container")[0] // no need for async
      );
    } catch (errorMessage) {
      console.log("errorMessage", errorMessage);
    }
    
    // you lack the expectation in the test
    // expect(true).toBe(true)
  });
});

edited Jun 6, 2018 at 12:44

answered Feb 20, 2018 at 11:21

Karen Grigoryan

5,4622 gold badges24 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Khushi Over a year ago

Thank you for your quick reply. But again same error.

Karen Grigoryan Over a year ago

@Khushi I didn't know it was jest, as far as I remember it was not indicated in the initial question. In which case please provide a sample repo with verifiable data, so I can reproduce locally.

Karen Grigoryan Over a year ago

@Khushi meanwhile please recheck the code, I updated it

Collectives™ on Stack Overflow

React: Timeout - Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related