Can you run multiple tests in one browser context Playwright JavaScript?

Question

Is it possible to run multiple tests in one browser window for Playwright/test?

Currently it will hit browser.close(); after every test even though they are testing on the same page which puts a lot of extra time on the tests.

test.beforeAll(async ({ browser }) => {
  const context = await browser.newContext();
  const page = await context.newPage();
  await page.goto('https://example.com');
});

test('nav test', async ({ page }) => {
  const name = await page.innerText('.navbar__title');
  expect(name).toBe('Playwright');
});

test('header test', async ({ page }) => {
  const name = await page.innerText('.navbar__header');
  expect(name).toBe('Playwright');
});

The title is partly incomprehensible. The OP is gone ("Last seen more than 4 years ago"); can someone fix or propose a fix? — Peter Mortensen
– Peter Mortensen, Commented Oct 15 at 21:32

Peter Mortensen · Accepted Answer · 2025-10-15 21:48:36Z

27

When you create a test like this, test('header test', async ({page}) => {, you're specifying page and telling it to create a new page context.

Remove the page from the test, and share the one you create from your .beforeAll.

Try this:

test.describe('1 page multiple tests', () => {
    let page;
    test.beforeAll(async ({ browser }) => {
        const context = await browser.newContext();
        page = await context.newPage();
        await page.goto('https://example.com');
    });

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

    test('nav test', async () => {
        const name = await page.innerText('h1');
        expect(name).toContain('Example');
    });

    test('header test', async () => {
        const name = await page.innerText('h1');
        expect(name).toContain('Domain');
    });
});

Run it like this:

npx playwright test .\StackTests_SinglePage.spec.ts --headed

(you can see the name of my file in there)

You might need to toggle it down to one worker if it tries to parallel run your test.

For me, that code opens one browser, one page, passes both tests, and then closes out.

edited Oct 15 at 21:48

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Aug 9, 2021 at 8:32

RichEdwards

3,8382 gold badges11 silver badges25 bronze badges

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

5 Comments

el_nuggs Over a year ago

If you are using playwright.config.ts "playwright.dev/docs/test-configuration#emulation" Does this work passing the newContext to test on different browsers?

RichEdwards Over a year ago

The same code above works fine cross browser. Playwright isolates all these fixtures by design. That's why sharing the page in the describe keeps the same context. If you have a more detailed question around your configuration you might want to create a new question. It's a different one than you've asked here and it means other people can support you ... if the above answers what you asked it's good to mark it as the right answer so others searching around the same problem can learn :-)

ggorlen Aug 25 at 15:52

browser.close; is a no-op. You'd need to call it: await browser.close(); for it to have any effect

yanich Aug 26 at 9:20

I tried my tests like above.. but still each test is getting executed in new browser. can anyone suggest if required any changes in playwright.config.ts file any specific?

Peter Mortensen Oct 15 at 21:49

Please provide the program output as text, not as an image. Thanks in advance. See also Why should I not upload images of code/data/errors?

MartinsOnuoha · Accepted Answer · 2021-08-08 09:39:47Z

0

Can you try wrapping the tests in a describe block? So they are treated as a group and not as an individual tests.

test.describe('two tests for same page', () => {
   test('nav test', async ({ page }) => {    
     const name = await page.innerText('.navbar__title');  
     expect(name).toBe('Playwright');
   });

   test('header test', async ({ page }) => {   
    const name = await page.innerText('.navbar__header');  
    expect(name).toBe('Playwright');
  });
});

answered Aug 8, 2021 at 9:39

MartinsOnuoha

5895 silver badges11 bronze badges

1 Comment

el_nuggs Over a year ago

Wrapping still seems to open a new browser each time, Id like to keep it open and use it then call a browser close in test.afterAll

Collectives™ on Stack Overflow

Can you run multiple tests in one browser context Playwright JavaScript?

2 Answers 2

5 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related