cherry-pick(#19574): chore: replace worker index w/ parallel index in…

… the docs

docs/src/auth.md

@@ -319,46 +319,9 @@ export default globalSetup;
 
 By default, Playwright Test runs tests in parallel. If you reuse a single signed-in state for all your tests, this usually leads to the same account being signed in from multiple tests at the same time. If this behavior is undesirable for your application, you can sign in with a different account in each [worker process](./test-parallel.md#worker-processes) created by Playwright Test.
 
-In this example we [override `storageState` fixture](./test-fixtures.md#overriding-fixtures) and ensure we only sign in once per worker, using [`property: TestInfo.workerIndex`] to differentiate between workers.
+In this example we [override `storageState` fixture](./test-fixtures.md#overriding-fixtures) and ensure we only sign in once per worker, using [`property: TestInfo.parallelIndex`] to differentiate between workers.
 
-```js tab=js-js
-// fixtures.js
-const { test: base } = require('@playwright/test');
-
-const users = [
-  { username: 'user-1', password: 'password-1' },
-  { username: 'user-2', password: 'password-2' },
-  // ... put your test users here ...
-];
-
-exports.test = base.extend({
-  storageState: async ({ browser }, use, testInfo) => {
-    // Override storage state, use worker index to look up logged-in info and generate it lazily.
-    const fileName = path.join(testInfo.project.outputDir, 'storage-' + testInfo.workerIndex);
-    if (!fs.existsSync(fileName)) {
-      // Make sure we are not using any other storage state.
-      const page = await browser.newPage({ storageState: undefined });
-      await page.goto('https://github.com/login');
-      await page.getByLabel('User Name').fill(users[testInfo.workerIndex].username);
-      await page.getByLabel('Password').fill(users[testInfo.workerIndex].password);
-      await page.getByText('Sign in').click();
-      await page.context().storageState({ path: fileName });
-      await page.close();
-    }
-    await use(fileName);
-  },
-});
-exports.expect = base.expect;
-
-// example.spec.js
-const { test, expect } = require('./fixtures');
-
-test('test', async ({ page }) => {
-  // page is signed in.
-});
-```
-
-```js tab=js-ts
+```js
 // fixtures.ts
 import { test as baseTest } from '@playwright/test';
 export { expect } from '@playwright/test';
@@ -371,15 +334,15 @@ const users = [
 
 export const test = baseTest.extend({
   storageState: async ({ browser }, use, testInfo) => {
-    // Override storage state, use worker index to look up logged-in info and generate it lazily.
-    const fileName = path.join(testInfo.project.outputDir, 'storage-' + testInfo.workerIndex);
+    // Override storage state, use parallel index to look up logged-in info and generate it lazily.
+    const fileName = path.join(testInfo.project.outputDir, 'storage-' + testInfo.parallelIndex);
     if (!fs.existsSync(fileName)) {
       // Make sure we are not using any other storage state.
       const page = await browser.newPage({ storageState: undefined });
       await page.goto('https://github.com/login');
       // Create a unique username for each worker.
-      await page.getByLabel('User Name').fill(users[testInfo.workerIndex].username);
-      await page.getByLabel('Password').fill(users[testInfo.workerIndex].password);
+      await page.getByLabel('User Name').fill(users[testInfo.parallelIndex].username);
+      await page.getByLabel('Password').fill(users[testInfo.parallelIndex].password);
       await page.getByText('Sign in').click();
       await page.context().storageState({ path: fileName });
       await page.close();