Add cookies in playwright test

Question

No matter what I do I get an error (either X.cookies is not a function or X.addCookies is not a function). I tried with context, page.context. browserContext etc. and it always ends up in the same way (ok, page.context as well as browserContext are undefined so error is different).

Context:

• Playwright Version: 1.4.2
• Operating System: Ubuntu 20.4
• Node.js version: 10.15.1
• Browser: Chromium

Code:

beforeEach(async function fn() {
this.timeout(20000);
browser = await chromium.launch({ headless: false });

const context = await browser.newContext();
page = await context.newPage();

await page
  .goto("http://localhost:4200/#/login", {
    waitUntil: "networkidle0",
  })
  .catch(() => {});

});

and in test:

await context.addCookies([
    { name: "csrftoken", value: cookieToken, path: "/" },
    { name: "sessionid", value: cookieSession, path: "/" },
]);
await context.cookies();

Answer 1

I had to use context directly instead of browser context, otherwise some data would not load correctly (specifically in a SvelteKit app):

test('index page has expected content when logged in', async ({ page, context }) => {
    await context.addCookies([
        { name: 'sessionid', value: 'random', path: '/', domain: 'localhost' }
    ]);

    await page.goto('/');
    expect(await page.textContent('h1')).toBe('My title');
    console.log(await context.cookies());
});