[Question] Does it possible to limit storageState/use to the test describe block?

Edit from maintainers

If you experience issues, make sure to follow https://github.com/microsoft/playwright/issues/17337#issuecomment-1248608637. This should fix issues. If not, please file a new issue.

---

Hi folks!

I am working on storageState/use for a one-time authentication strategy, the problem is that storageState is not reflected on the page on each test suite while limiting a storageState to a test describe block.

import { faker } from "@faker-js/faker";
import { test, expect } from "@playwright/test";
import TestHelper from "../helpers";

test.describe("Admin Test - Group Manage:", () => {
  test.use({ storageState: TestHelper.storageStateByRole("admin") });

  test.beforeEach(async ({ page }) => {
    await page.goto("/groups/create", { waitUntil: "networkidle" });
    await expect(page).toHaveURL(/.*groups\/create/);
  });

  test("Admin user should access to the group create screen", async ({
    page,
  }) => {
    const titleSelector = '[aria-label="breadcrumb"] >> text=Create Group';
    await test.expect((await page.locator(titleSelector)).count()).toEqual(1);
  });

  test("Admin user can create & delete a group", async ({ page }) => {
    const groupName = faker.commerce.productName();
    const groupDescription = faker.commerce.productDescription();

    // Fill group title
    await page.locator('input[type="text"]').fill(groupName);
    // Fill group description textarea
    await page.locator("textarea").first().fill(groupDescription);
    // Save group information
    await page.locator('button:has-text("Save Changes")').click();

    await expect(page).toHaveURL(/.*groups/);

    const rowSelector = `div[role="row"]:has-text("${groupName}")`;
    await page.waitForSelector(rowSelector);
    await expect(await page.locator(rowSelector).count()).toEqual(1);
    const newGroupRow = await page.locator(rowSelector);
    await expect(newGroupRow).toContainText(groupName);
    await expect(newGroupRow).toContainText(groupDescription);

    // Remove created Group
    await page
      .locator(`div[role="row"]:has-text("${groupName}") >> button`)
      .nth(1)
      .click();
    await page.locator("text=Confirm").click();
    await expect(await page.locator(rowSelector).count()).toEqual(0);
  });
});

I confirmed that testing the first suite works correctly, but the playwright open a new worker for the second test suite, I realized that auth cookie wasn’t set to the browser. Is that possible, or not?

[mxschmitt]

I was able to reproduce it in 1.25.2 but its fixed in 1.26 which we release soon. To benefit today from the fix to the following:

• Stop VSCode or Click Close all browsers in the testing tab
• Install the next dev version via npm i -D @playwright/test@next
• Run tests again

After that it was working for me. Sorry for the inconvenience.

[mxschmitt]

Could you try how it behaves with npm install -D @playwright/test@next?