Demo Auth Storage

auth-storage.spec.ts

import { test } from '@playwright/test';

test.describe('When user logged-out', () => {
  test('Test login page @flow=auth', async ({ page, context }) => {
    await page.goto('https://remix-jokes.lol/login');

    await page.locator('input[name="username"]').fill('itaditya');
    await page.locator('input[name="password"]').fill('random');

    await Promise.all([page.waitForNavigation(), page.locator('text=Submit').click()]);
    context.storageState({
      path: 'jokesAuth.json',
    });
  });
});

test.describe('When user logged-in @flow=app', () => {
  test.use({
    storageState: 'jokesAuth.json',
  });

  test('Test jokes page', async ({ page }) => {
    await page.goto('https://remix-jokes.lol/jokes');
  });
});