One time authentication in playwright is giving issues

Question

I tried to have a one time authentication using session and use the same for all the tests in the spec file. While trying to run my test , sometimes i get this below error which im unable to underdstand or fix. Any help on this would be appreciated.

browser.newContext: Cookie should have a valid expires, only -1 or a positive number for the unix timestamp in seconds is allowed

at C:\Users\v.shivarama.krishnan\source\repos\PlaywrightDemo\node_modules\@playwright\test\lib\index.js:595:23
at Object.context [as fn] (C:\Users\v.shivarama.krishnan\source\repos\PlaywrightDemo\node_modules\@playwright\test\lib\index.js:642:15)

---

Spec.ts

import { chromium, test, expect } from "@playwright/test";

test.describe('Launch Browser', () => {

        await context.storageState({ path: 'storage/admin.json' });
        await page.goto('abc.com');
        await expect(page.locator('#ebiLink')).toBeVisible();

        const texts = await page.locator('#ebiLink').textContent();
        console.log("text of ebi is " + texts);

        await page.goto('abc.com');

        await expect(page.locator('text= Detailed Interfaces ')).toBeVisible();

        await page.waitForSelector('#searchTab');

        await page.waitForSelector('#InterfaceCard');

        await page.locator('#searchTab').type('VISHW-I7939');

        await page.locator("button[type='button']").click();

        await page.locator('#InterfaceCard').first().click();

        await expect(page.locator('#ngb-nav-0')).toBeVisible();

        const interfaceID = await page.locator("//span[@class='value-text']").first().allInnerTexts();

        console.log('interface id is' + interfaceID);

        const dp = await page.waitForSelector('role=listbox');

        await page.locator('role=listbox').click();

        const listcount = await page.locator('role=option').count();
        await page.locator('role=option').nth(1).click();

        await expect(page.locator('#ngb-nav-0')).toBeVisible();

    });

    test('Move to shells screen', async ({ page, context }) => {
      
        await context.storageState({ path: 'storage/admin.json' });
        await page.goto('abc.com');
        
        await expect(page.locator('#ListHeader')).toBeVisible();

        const shells = await page.locator('#ListHeader').textContent();

        console.log('Text of shells header is '+shells);

    });


});

---

global-setup.ts (for one time login and getting the session)

import { Browser, chromium, FullConfig } from '@playwright/test'

async function globalSetup(config: FullConfig) {
  const browser = await chromium.launch({
    headless: false
  });
  await saveStorage(browser, 'Admin', 'User', 'storage/admin.json')
  await browser.close()
}

async function saveStorage(browser: Browser, firstName: string, lastName: string, saveStoragePath: string) {
  const page = await browser.newPage()
  await page.goto('abc.com');
  await page.waitForSelector("//input[@type='email']", { state: 'visible' });
  await page.locator("//input[@type='email']").type('ABC@com');
  await page.locator("//input[@type='submit']").click();
  await page.locator("//input[@type='password']").type('(&^%');
  await page.locator("//input[@type='submit']").click();
  await page.locator('#idSIButton9').click();
  await page.context().storageState({ path: saveStoragePath })
}

export default globalSetup

---

Answer 1

1. Have you registered global-setup.ts script in the Playwright configuration file: like below?

// playwright.config.ts
import { PlaywrightTestConfig } from '@playwright/test';

const config: PlaywrightTestConfig = {
  globalSetup: require.resolve('./global-setup'),
};
export default config; 

again you don't have to write code to use the session-storage at each test level, you can use - use attribute of Playwright configuration as below:

// playwright.config.ts
import { PlaywrightTestConfig } from '@playwright/test';

const config: PlaywrightTestConfig = {
 globalSetup: require.resolve('./global-setup'),
 use: {
   // Tell all tests to load signed-in state from 'storageState.json'.
   storageState: 'storageState.json'
 }
};
export default config;

Seems like you are trying to use the same context in both tests, could that be a problem?

can you please try with isolated context and page for each tests? Also please check if it make sense to use session storage at test level instead of context-

test.use({ storageState: './storage/admin.json' })

Update about the tests-

General structure of tests would be -

test.describe('New Todo', () => {
     test('Test 1', async ({context, page }) => {});
     test('Test 2', async ({context, page }) => {});
});

Answer 2

I looked into the source code of playwright and found these two lines which show the error message you see.

assert(!(c.expires && c.expires < 0 && c.expires !== -1), 'Cookie should have a valid expires, only -1 or a positive number for the unix timestamp in seconds is allowed');
assert(!(c.expires && c.expires > 0 && c.expires > kMaxCookieExpiresDateInSeconds), 'Cookie should have a valid expires, only -1 or a positive number for the unix timestamp in seconds is allowed');

The kMaxCookieExpiresDateInSeconds is defined as 253402300799. So basically the cookie that you captured could breach one of above rules. In my case it's that the expiry of a cookie is greater than this figure :).

refer to source code - https://github.com/microsoft/playwright/blob/5fd6ce4de0ece202690875595aa8ea18e91d2326/packages/playwright-core/src/server/network.ts#L53