playwright: [BUG] I am trying to implement 'Multiple signed in roles' in my test suite but getting 'Error: ENOENT: no such file or directory, open 'playwright/.auth/teacher.json' error.

Problem Statement:

I have two users in my test cases and want to run e2e test cases without writing login steps in each tests using different user accounts. So I followed ‘https://playwright.dev/docs/auth#multiple-signed-in-roles’ documentation but error mentioned below.

Can anyone please help me with this?

Source code

Setup File:

auth.setup.ts:

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

const teacherFile = 'playwright/.auth/teacher.json';

setup('authenticate as admin', async ({ page }) => {
  // Perform authentication steps. Replace these actions with your own.
  await page.goto('https://github.com/login');
  await page.getByLabel('Username or email address').fill('admin');
  await page.getByLabel('Password').fill('password');
  await page.getByRole('button', { name: 'Sign in' }).click();
  // End of authentication steps.
  // End of authentication steps.

  await page.context().storageState({ path: teacherFile });
});

const studentFile = 'playwright/.auth/student.json';

setup('authenticate as user', async ({ page }) => {
  // Perform authentication steps. Replace these actions with your own.
  await page.goto('https://github.com/login');
  await page.getByLabel('Username or email address').fill('user');
  await page.getByLabel('Password').fill('password');
  await page.getByRole('button', { name: 'Sign in' }).click();
  // End of authentication steps.

  await page.context().storageState({ path: studentFile });
});

Test Case:

test.spec.ts:

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

test.use ({storageState:'playwright/.auth/teacher.json'})

test("expect to login into teacher account", async ({ page }) => {
    await page.locator("#setting").click();
    await page.locator("#curriculum").click();  
  });
  
   test.describe(() => {
    test.use({ storageState: 'playwright/.auth/student.json' });
  
    test('student test', async ({ page }) => {
      await page.locator(".sc-AxheI sc-pCOPB qSFrr").click();
    });
  });

Error:

Running 2 tests using 2 workers
  1) [chromium] › createapi.spec.js:13:5 › student test ============================================

    Error: ENOENT: no such file or directory, open 'playwright/.auth/student.json'



  2) [chromium] › createapi.spec.js:5:1 › expect to login into teacher account ================

    Error: ENOENT: no such file or directory, open 'playwright/.auth/teacher.json'