Playwright integration testing

[sand4rt]

What is the improvement or update you wish to see?

Documentation on how to use playwright + next-auth

Is there any context that might help us understand?

I am currently using Playwright with the Next App Router and Mock Service Worker (MSW) to mock all API calls to a rest backend and i would like to mock the authenticated user as well.

I made an snapshot of the auth state with await page.context().storageState({ path: authFile });: https://playwright.dev/docs/auth#basic-shared-account-in-all-tests, However, the generated authFile appears to be insufficient:

{
  "cookies": [
    {
      "name": "next-auth.session-token",
      "value": "MY_CUSTOM_JWT_WITH_A_REALLY_LARGE_EXPIRE_DATE",
      "domain": "localhost",
      "path": "/",
      "expires": -1,
      "httpOnly": true,
      "secure": false,
      "sameSite": "Lax"
    }
  ],
  "origins": []
}

I’ve noticed that the Microsoft authentication provider performs additional API calls to verify the validity of the token. I attempted to mock one of these calls using MSW:

// This mock intercepts API calls in the next backend only
import { createServer } from '@mswjs/http-middleware';
const httpServer = createServer(...[
    http.get('https://login.microsoftonline.com/*', () => HttpResponse.json({
        claim_types_supported: ['normal'],
        claims_parameter_supported: false,
        grant_types_supported: ['authorization_code', 'implicit'],
        request_parameter_supported: false,
        request_uri_parameter_supported: false,
        require_request_uri_registration: false,
        //...
    })),
]);

But i guess there is more to it?

Does the docs page already exist? Please link to it.

https://next-auth.js.org/guides/testing