dh-auth-library 1.0.0 → 1.1.0

package/README.md

@@ -1,7 +1,6 @@
-# NL Portal Playwright Libraries
+# DH Authorizatoin Library
 
-A Playwright library for testing NL Portal implementaties.
-test
+A Playwright library for all login implementations in Den Haag
 
 it is published an npm package too and should be imported like that
 
@@ -9,27 +8,39 @@ it is published an npm package too and should be imported like that
 
 ## 📦 Purpose
 
-This repository contains the base objects that are needed for testing nl-portal implementations
-It is the base for the nl-portal-playwright-template but could also be used directly if wanted
-The template however will be the easiest way to setup your testautomation
+Within DenHaag we will have several different repositories which will all have to use certain
+types of login like AD, digid and eHerkenning.
+
+In order to prevent each repo to have it's own implementation we created this library which 
+will take care of all login logic and even maintains the sessions during the testrun
 
 ---
 
 ## 🧱 Structure
 
 packages/
-├── auth/        # Login en storage-state helpers for api requests and UI tests on localhost, digid and eherkenning
-├── core/        # Constains most util classes
-├── nl-portal/   # NL Portal pages, base_fixture and some utils that help with testing and testdata
+├── auth/        # Contains all classes for handling login and sessions
+├── constants/   # Constains accounts and types that can be used
 
 ---
 
 ## Auth
 
-The auth directory does contain fixtures for digid and eherkenning but you will still need to to create
-your own login pages with login logic for this.
-The login logic should be added to the session_helper.ts and session_manager.ts
+# api
+
+Has the authentication logic for api calls for nl-portal
+
+# loginhandlers
+
+Has all the login handlers that are needed for the nl-portal-playwright-libraries 
+
+# pages
+
+Has all the login pages and the login overview page
+
+# utils
 
+Has the sessionFileHelper which takes care of the filename for each session
 
 ## Publishing to npm
 

package/dist/auth/api/apiAuthentication.js

@@ -0,0 +1,13 @@
+import { baseTest as base } from 'nl-portal-playwright-libraries';
+import { getApiTokenFromSession } from './apiTokenHelper';
+import { getBedrijfSessionHandler, getBurgerSessionHandler, getDigidGemachtigdeSessionHandler, getEHerkenningBewindvoerderSessionHandler, getVestigingSessionHandler, } from './sessionHandlerResolvers';
+/**
+ * The api's will use an existing session and use that token for the requests.
+ * The reason for this is that the token life-span is short and the UI always does a token-refresh.
+ * By using the UI session and stealing that token it will always be valid.
+ */
+export const burgerApiTest = getApiTokenFromSession(base, getBurgerSessionHandler);
+export const bedrijfApiTest = getApiTokenFromSession(base, getBedrijfSessionHandler);
+export const vestigingApiTest = getApiTokenFromSession(base, getVestigingSessionHandler);
+export const digidGemachtigdeApiTest = getApiTokenFromSession(base, getDigidGemachtigdeSessionHandler);
+export const eHerkenningBewindvoerderApiTest = getApiTokenFromSession(base, getEHerkenningBewindvoerderSessionHandler);

package/dist/auth/api/apiTokenHelper.d.ts

@@ -12,6 +12,6 @@ export type ApiFixtures = {
  * Per specfile it is not problem but this should be done in every specfile to assure a valid token
  *
  * @param baseTest
- * @param handlerResolver
+ * @param handler
  */
-export declare function getApiTokenFromSession(baseTest: typeof base, handlerResolver: () => SessionHandler): import("@playwright/test").TestType<import("@playwright/test").PlaywrightTestArgs & import("@playwright/test").PlaywrightTestOptions & ApiFixtures, import("@playwright/test").PlaywrightWorkerArgs & import("@playwright/test").PlaywrightWorkerOptions>;
+export declare function getApiTokenFromSession(baseTest: typeof base, handler: SessionHandler): import("@playwright/test").TestType<import("@playwright/test").PlaywrightTestArgs & import("@playwright/test").PlaywrightTestOptions & ApiFixtures, import("@playwright/test").PlaywrightWorkerArgs & import("@playwright/test").PlaywrightWorkerOptions>;

package/dist/auth/api/apiTokenHelper.js

@@ -0,0 +1,68 @@
+import { SessionManager, urls } from 'nl-portal-playwright-libraries';
+/**
+ * The token is often being refreshed so the easiest is to open a browser using the current session
+ * The UI will automatically refresh the token and that is the token we will return
+ *
+ * That token can be used to perform some api requests for a short time
+ * Per specfile it is not problem but this should be done in every specfile to assure a valid token
+ *
+ * @param baseTest
+ * @param handler
+ */
+export function getApiTokenFromSession(baseTest, handler) {
+    return baseTest.extend({
+        // eslint-disable-next-line no-empty-pattern
+        urls: async ({}, use) => {
+            await use(urls);
+        },
+        token: async ({ browser }, use) => {
+            const storageState = await SessionManager.getOrCreateSession(browser, handler);
+            const context = await browser.newContext(storageState ? { storageState } : {});
+            const page = await context.newPage();
+            try {
+                await page.goto('/');
+                // Wait until the oidc token exists in sessionStorage
+                await page.waitForFunction(() => {
+                    const key = Object.keys(sessionStorage).find((k) => k.startsWith('oidc'));
+                    if (!key) {
+                        return false;
+                    }
+                    const raw = sessionStorage.getItem(key);
+                    if (!raw) {
+                        return false;
+                    }
+                    try {
+                        return !!JSON.parse(raw)?.access_token;
+                    }
+                    catch {
+                        return false;
+                    }
+                });
+                // Retrieve the token
+                const token = await page.evaluate(() => {
+                    const key = Object.keys(sessionStorage).find((k) => k.startsWith('oidc'));
+                    if (!key) {
+                        return null;
+                    }
+                    const raw = sessionStorage.getItem(key);
+                    if (!raw) {
+                        return null;
+                    }
+                    try {
+                        return JSON.parse(raw)?.access_token ?? null;
+                    }
+                    catch {
+                        return null;
+                    }
+                });
+                if (!token) {
+                    throw new Error('❌ Token not found in sessionStorage');
+                }
+                await use(token);
+            }
+            finally {
+                await context.close();
+            }
+        },
+    });
+}

package/dist/auth/api/index.d.ts

@@ -1,3 +1,2 @@
-export * from './apiAuthentication';
 export * from './apiTokenHelper';
 export * from './sessionHandlerResolvers';

package/dist/auth/api/index.js

@@ -0,0 +1,2 @@
+export * from './apiTokenHelper';
+export * from './sessionHandlerResolvers';

package/dist/auth/api/sessionHandlerResolvers.d.ts

@@ -1,6 +1,3 @@
-export declare function getBurgerSessionHandler(): import("nl-portal-playwright-libraries").SessionHandler;
-export declare function getBedrijfSessionHandler(): import("nl-portal-playwright-libraries").SessionHandler;
-export declare function getVestigingSessionHandler(): import("nl-portal-playwright-libraries").SessionHandler;
-export declare function getDigidGemachtigdeSessionHandler(): import("nl-portal-playwright-libraries").SessionHandler;
-export declare function getEHerkenningBewindvoerderSessionHandler(): import("nl-portal-playwright-libraries").SessionHandler;
-export declare function getAdSessionHandler(): import("nl-portal-playwright-libraries").SessionHandler;
+import { Account } from 'nl-portal-playwright-libraries';
+import { AuthType } from '../../constants/authTypes';
+export declare function getSessionHandler(authType: AuthType, account: Account): import("nl-portal-playwright-libraries").SessionHandler;

package/dist/auth/api/sessionHandlerResolvers.js

@@ -0,0 +1,5 @@
+import { createSessionHandler } from '../sessionHandler';
+import { getLoginHandler } from '../getLoginHandler';
+export function getSessionHandler(authType, account) {
+    return createSessionHandler(authType, account, getLoginHandler(authType));
+}

package/dist/auth/getLoginHandler.js

@@ -0,0 +1,25 @@
+import { isRunningOnLocalhost } from 'nl-portal-playwright-libraries';
+import { LocalhostLoginHandler } from './loginhandlers/localhostLoginHandler';
+import { DigidLoginHandler } from './loginhandlers/digidLoginHandler';
+import { EHerkenningLoginHandler } from './loginhandlers/eHerkenningLoginHandler';
+import { DigidGemachtigdeLoginHandler } from './loginhandlers/digidGemachtigdeLoginHandler';
+import { EHerkenningBewindvoerderLoginHandler } from './loginhandlers/eHerkenningBewindvoerderLoginHandler';
+import { ADLoginHandler } from './loginhandlers/adLoginHandler';
+export function getLoginHandler(authType) {
+    switch (authType) {
+        case 'digid':
+            return isRunningOnLocalhost() ? new LocalhostLoginHandler() : new DigidLoginHandler();
+        case 'digid_gemachtigde':
+            return new DigidGemachtigdeLoginHandler();
+        case 'eherkenning':
+            return isRunningOnLocalhost() ? new LocalhostLoginHandler() : new EHerkenningLoginHandler();
+        case 'eherkenning_vestiging':
+            return new EHerkenningLoginHandler();
+        case 'eherkenning_bewindvoerder':
+            return new EHerkenningBewindvoerderLoginHandler();
+        case 'ad-session':
+            return new ADLoginHandler();
+        default:
+            throw new Error(`Unsupported auth type: ${authType}. If needed please create a new LoginHandler and register it here in getLoginHandler().`);
+    }
+}

package/dist/auth/index.js

@@ -0,0 +1,6 @@
+export { getLoginHandler } from './getLoginHandler';
+export { createSessionHandler, MAX_SESSION_TIME_IN_MINUTES } from './sessionHandler';
+export * from './api/index';
+export * from './loginhandlers/index';
+export * from './pages/index';
+export * from './utils/index';

package/dist/auth/loginhandlers/adLoginHandler.js

@@ -0,0 +1,7 @@
+import { ADLoginPage } from '../pages/adLoginPage';
+export class ADLoginHandler {
+    async loginAndCreateSessionStorage(page, account, file) {
+        const loginPage = new ADLoginPage(page);
+        await loginPage.loginWithADAccountAndCreateSession(account, file);
+    }
+}

package/dist/auth/loginhandlers/digidGemachtigdeLoginHandler.js

@@ -0,0 +1,7 @@
+import { DigidLoginPage } from '../pages/digidLoginPage';
+export class DigidGemachtigdeLoginHandler {
+    async loginAndCreateSessionStorage(page, account, file) {
+        const loginPage = new DigidLoginPage(page);
+        await loginPage.loginAndCreateNewGemachtigdeSession(account, file);
+    }
+}

package/dist/auth/loginhandlers/digidLoginHandler.js

@@ -0,0 +1,7 @@
+import { DigidLoginPage } from '../pages/digidLoginPage';
+export class DigidLoginHandler {
+    async loginAndCreateSessionStorage(page, account, file) {
+        const loginPage = new DigidLoginPage(page);
+        await loginPage.loginAndCreateNewSession(account, file);
+    }
+}

package/dist/auth/loginhandlers/eHerkenningBewindvoerderLoginHandler.js

@@ -0,0 +1,7 @@
+import { EHerkenningLoginPage } from '../pages/eHerkenningLoginPage';
+export class EHerkenningBewindvoerderLoginHandler {
+    async loginAndCreateSessionStorage(page, account, file) {
+        const loginPage = new EHerkenningLoginPage(page);
+        await loginPage.loginAlsProfessioneelBewindvoerder(account, file);
+    }
+}

package/dist/auth/loginhandlers/eHerkenningLoginHandler.js

@@ -0,0 +1,7 @@
+import { EHerkenningLoginPage } from '../pages/eHerkenningLoginPage';
+export class EHerkenningLoginHandler {
+    async loginAndCreateSessionStorage(page, account, file) {
+        const loginPage = new EHerkenningLoginPage(page);
+        await loginPage.loginWithEHerkenningVestigingAndCreateSession(file, account);
+    }
+}

package/dist/auth/loginhandlers/index.js

@@ -0,0 +1,6 @@
+export * from './adLoginHandler';
+export * from './digidGemachtigdeLoginHandler';
+export * from './digidLoginHandler';
+export * from './eHerkenningBewindvoerderLoginHandler';
+export * from './eHerkenningLoginHandler';
+export * from './localhostLoginHandler';

package/dist/auth/loginhandlers/localhostLoginHandler.js

@@ -0,0 +1,7 @@
+import { LocalLoginPage } from 'nl-portal-playwright-libraries';
+export class LocalhostLoginHandler {
+    async loginAndCreateSessionStorage(page, account, file) {
+        const loginPage = new LocalLoginPage(page);
+        await loginPage.loginAndCreateNewSession(account, file);
+    }
+}

package/dist/auth/pages/adLoginPage.js

@@ -0,0 +1,94 @@
+import { TOTP } from 'totp-generator';
+import { BasePage } from 'nl-portal-playwright-libraries';
+const gzacUrlProd = 'https://alg-zgw.denhaag.nl';
+const gzacUrlAcp = 'https://alg-zgw.acc.denhaag.nl';
+const gzacUrlTest = 'https://alg-zgw.test.denhaag.nl';
+export class ADLoginPage extends BasePage {
+    gebruikersnaamInput;
+    wachtwoordInput;
+    volgendeInput;
+    aanmeldenInput;
+    kanAuthAppNietGebruikenLink;
+    gebruikVerificatieCode;
+    codeInput;
+    verifierenInput;
+    constructor(page) {
+        super(page);
+        this.gebruikersnaamInput = page.locator("//input[@type='email']");
+        this.wachtwoordInput = page.locator("//input[@name='passwd']");
+        this.volgendeInput = page.locator("//input[@type='submit']");
+        this.aanmeldenInput = page.locator("//input[@type='submit']");
+        this.kanAuthAppNietGebruikenLink = page.locator("//*[@id='signInAnotherWay']");
+        this.gebruikVerificatieCode = page.locator("//div[@id='idDiv_SAOTCS_Proofs']//div[contains(@role,'listitem')][2]");
+        this.codeInput = page.locator("//input[@name='otc']");
+        this.verifierenInput = page.locator("//input[@type='submit']");
+    }
+    async openPage(path) {
+        await this.page.goto(path);
+    }
+    /**
+     * Login with the AD account so we can get behind the firewall
+     *
+     * @param account
+     * @param fileName
+     */
+    async loginWithADAccountAndCreateSession(account, fileName) {
+        const adLoginPage = new ADLoginPage(this.page);
+        await this.page.goto(this.getGzacUrl());
+        await adLoginPage.gebruikersnaamInput.waitFor();
+        await adLoginPage.gebruikersnaamInput.fill(account.username);
+        await adLoginPage.volgendeInput.click();
+        await adLoginPage.wachtwoordInput.fill(account.password);
+        await adLoginPage.aanmeldenInput.click();
+        await this.page.waitForTimeout(1000);
+        try {
+            const foutMeldingIsSHowing = await this.page.getByText('Uw account is niet geverifieerd. Probeer het opnieuw').isVisible();
+            if (foutMeldingIsSHowing) {
+                await this.tryAgainUntilSuccesful();
+            }
+        }
+        catch (_error) {
+            //Ignore
+        }
+        await adLoginPage.kanAuthAppNietGebruikenLink.click();
+        await adLoginPage.gebruikVerificatieCode.click();
+        const token = await TOTP.generate(`${process.env.AD_SECRET}`);
+        await adLoginPage.codeInput.fill(token.otp);
+        await adLoginPage.verifierenInput.click();
+        await adLoginPage.page.waitForTimeout(5000);
+        adLoginPage.page.on('domcontentloaded', () => { });
+        await adLoginPage.page.context().storageState({ path: fileName });
+    }
+    async tryAgainUntilSuccesful() {
+        let maxNumberOfTries = 6;
+        let foutMeldingIsSHowing = true;
+        while (foutMeldingIsSHowing) {
+            await this.page.waitForTimeout(10000); // wait 10 seconds before continuing
+            maxNumberOfTries--;
+            if (maxNumberOfTries == 0) {
+                return;
+            }
+            try {
+                await this.page.goBack();
+                await this.page.waitForTimeout(1000);
+                await this.page.locator("//div[contains(@role,'listitem')]").first().click();
+                await this.page.waitForTimeout(1000);
+                foutMeldingIsSHowing = await this.page.getByText('Uw account is niet geverifieerd. Probeer het opnieuw').isVisible();
+            }
+            catch (_error) {
+                //Ignore
+            }
+        }
+    }
+    getGzacUrl() {
+        const baseUrl = this.getBaseUrl();
+        if (/klantportaal-zgw.denhaag.nl./.exec(baseUrl))
+            return gzacUrlProd;
+        if (/.acc./.exec(baseUrl))
+            return gzacUrlAcp;
+        if (/.test./.exec(baseUrl))
+            return gzacUrlTest;
+        else
+            throw new Error('Cannot find current environment for baseUrl: ' + baseUrl);
+    }
+}

package/dist/auth/pages/digidLoginPage.d.ts

@@ -10,6 +10,6 @@ export declare class DigidLoginPage extends LoginOverzichtPage {
      * Je krijgt dan een speciaal scherm waar je moet bevestigen voordat je door kan
      */
     handleAnySpecialADLoginScreen(): Promise<void>;
-    loginWithDigid(account?: Account, gemachtigde?: boolean): Promise<import("@playwright/test").Response>;
+    loginWithDigid(account: Account, gemachtigde?: boolean): Promise<import("@playwright/test").Response>;
     loginAlsDigidGemachtigde(): Promise<void>;
 }

package/dist/auth/pages/digidLoginPage.js

@@ -0,0 +1,73 @@
+import process from 'node:process';
+import { LoginOverzichtPage } from './loginOverzichtPage';
+export class DigidLoginPage extends LoginOverzichtPage {
+    constructor(page) {
+        super(page);
+    }
+    async loginAndCreateNewSession(account, fileName) {
+        await this.openPage();
+        await this.handleAnySpecialADLoginScreen();
+        try {
+            await this.klikOpDigidLoginOptie();
+        }
+        catch (_error) {
+            await this.openPage();
+            await this.handleAnySpecialADLoginScreen();
+            await this.klikOpDigidLoginOptie();
+        }
+        // It is possible that the digid session is still valid but the klantportaal session not.
+        // In that case we are in the klantportaal now and we can just replace the current storageState
+        if (!this.page.url().match(/authn/)) {
+            await this.loginWithDigid(account);
+            await this.accepteerCookies();
+        }
+        await this.page.context().storageState({ path: fileName });
+    }
+    async loginAndCreateNewGemachtigdeSession(account, fileName) {
+        await this.openPage();
+        await this.handleAnySpecialADLoginScreen();
+        try {
+            await this.klikOpDigidMachtigenLoginOptie();
+        }
+        catch (_error) {
+            await this.openPage();
+            await this.klikOpDigidMachtigenLoginOptie();
+        }
+        await this.loginWithDigid(account, true);
+        await this.accepteerCookies();
+        await this.page.context().storageState({ path: fileName });
+    }
+    /**
+     * Indien er al een AD sessie is maar voor de verkeerde omgeving
+     * Je krijgt dan een speciaal scherm waar je moet bevestigen voordat je door kan
+     */
+    async handleAnySpecialADLoginScreen() {
+        try {
+            await this.page.locator(`//div[contains(@data-test-id,'${process.env.AD_USER}')]`).first().waitFor({ timeout: 1000 });
+            await this.page.locator(`//div[contains(@data-test-id,'${process.env.AD_USER}')]`).first().click();
+        }
+        catch (_error) {
+            // Ignore
+        }
+    }
+    async loginWithDigid(account, gemachtigde) {
+        await this.page.getByLabel('Inlogoptie 5 van 5: Inloggen').click();
+        await this.page.getByLabel('Testen betrouwbaarheidsniveau').selectOption('25');
+        await this.page.getByLabel('DigiD gebruikersnaam').fill(account.username);
+        await this.page.getByLabel('Wachtwoord', { exact: true }).fill(account.password);
+        const responsePromise = this.page.waitForResponse(/callback/, { timeout: 60000 });
+        await this.page.getByRole('button', { name: 'Inloggen' }).click();
+        if (gemachtigde) {
+            await this.page.getByRole('button', { name: 'Kies' }).click();
+        }
+        return await responsePromise;
+    }
+    async loginAlsDigidGemachtigde() {
+        const gemachtigde = {
+            username: `${process.env.DIGID_GEMACHTIGDE_USER}`,
+            password: `${process.env.DIGID_GEMACHTIGDE_PASSWORD}`,
+        };
+        await this.klikOpDigidMachtigenLoginOptie();
+        await this.loginWithDigid(gemachtigde, true);
+    }
+}

package/dist/auth/pages/eHerkenningLoginPage.d.ts

@@ -12,11 +12,10 @@ export declare class EHerkenningLoginPage extends LoginOverzichtPage {
     private readonly inputBsn;
     private readonly buttonZoek;
     constructor(page: Page);
-    probeerInTeLoggenMetEHerkenning(account?: Account): Promise<void>;
-    loginWithEHerkenningAndCreateSession(fileName: string, account?: Account): Promise<void>;
-    loginWithEHerkenning(account?: Account): Promise<void>;
-    loginWithEHerkenningVestigingAndCreateSession(fileName: string, account?: Account): Promise<void>;
-    loginWithEHerkenningVestiging(account?: Account): Promise<void>;
-    loginAlsProfessioneelBewindvoerder(gemachtigde?: Account, file?: string): Promise<void>;
-    valideerDatNietGemachtigdBerichtZichtbaarIs(): Promise<void>;
+    probeerInTeLoggenMetEHerkenning(account: Account): Promise<void>;
+    loginWithEHerkenningAndCreateSession(fileName: string, account: Account): Promise<void>;
+    loginWithEHerkenning(account: Account): Promise<void>;
+    loginWithEHerkenningVestigingAndCreateSession(fileName: string, account: Account): Promise<void>;
+    loginWithEHerkenningVestiging(account: Account): Promise<void>;
+    loginAlsProfessioneelBewindvoerder(gemachtigde: Account, file?: string): Promise<void>;
 }

package/dist/auth/pages/eHerkenningLoginPage.js

@@ -0,0 +1,94 @@
+import { LoginOverzichtPage } from './loginOverzichtPage';
+export class EHerkenningLoginPage extends LoginOverzichtPage {
+    dropdownSelectIdentityProvider;
+    buttonConfirmIdentityProviderSelection;
+    textfieldUsername;
+    textfieldPassword;
+    inloggenKnop;
+    verderKnop;
+    verderLink;
+    inputBsn;
+    buttonZoek;
+    constructor(page) {
+        super(page);
+        this.dropdownSelectIdentityProvider = page.locator('#identity_provider');
+        this.buttonConfirmIdentityProviderSelection = page.locator("//*[@name='commit']");
+        this.textfieldUsername = page.locator('#account_username');
+        this.textfieldPassword = page.locator('#account_password');
+        this.inloggenKnop = page.getByRole('button', { name: /Inloggen|Log in/ });
+        this.verderKnop = page.getByRole('button', { name: /Verder|Continue|Ga verder/ });
+        this.inputBsn = page.locator('#bsn-input');
+        this.buttonZoek = page.locator('#search-submit');
+        this.verderLink = page.getByRole('link', { name: /Verder|Continue|Ga verder/ });
+    }
+    async probeerInTeLoggenMetEHerkenning(account) {
+        await this.dropdownSelectIdentityProvider.selectOption('Digidentity AD 1.13 (preproduction)');
+        await this.page.locator('#remember').click();
+        await this.buttonConfirmIdentityProviderSelection.click();
+        await this.textfieldUsername.fill(account.username);
+        await this.verderKnop.click();
+        await this.textfieldPassword.fill(account.password);
+        await this.inloggenKnop.click();
+    }
+    async loginWithEHerkenningAndCreateSession(fileName, account) {
+        await this.openPage();
+        try {
+            await this.klikOpEHerkenningLoginOptie();
+        }
+        catch (_error) {
+            await this.openPage();
+            await this.klikOpEHerkenningLoginOptie();
+        }
+        await this.loginWithEHerkenning(account);
+        await this.page.context().storageState({ path: fileName });
+    }
+    async loginWithEHerkenning(account) {
+        await this.probeerInTeLoggenMetEHerkenning(account);
+        await this.page.waitForTimeout(2000);
+        if (await this.verderKnop.isVisible()) {
+            await this.verderKnop.click();
+        }
+        await this.accepteerCookies();
+    }
+    async loginWithEHerkenningVestigingAndCreateSession(fileName, account) {
+        await this.openPage();
+        try {
+            await this.klikOpEHerkenningLoginOptie();
+        }
+        catch (_error) {
+            await this.openPage();
+            await this.klikOpEHerkenningLoginOptie();
+        }
+        await this.loginWithEHerkenningVestiging(account);
+        await this.page.context().storageState({ path: fileName });
+    }
+    async loginWithEHerkenningVestiging(account) {
+        await this.probeerInTeLoggenMetEHerkenning(account);
+        await this.page.waitForTimeout(2000);
+        if (await this.verderKnop.isVisible()) {
+            await this.verderKnop.click();
+        }
+        await this.accepteerCookies();
+    }
+    async loginAlsProfessioneelBewindvoerder(gemachtigde, file) {
+        await this.openPage();
+        await this.klikOpProfessioneelBewindvoerderLoginOptie();
+        try {
+            await this.probeerInTeLoggenMetEHerkenning(gemachtigde);
+        }
+        catch (_error) {
+            await this.openPage();
+            await this.probeerInTeLoggenMetEHerkenning(gemachtigde);
+        }
+        if (gemachtigde.bsn != null) {
+            await this.verderLink.click();
+            await this.inputBsn.fill(gemachtigde.bsn);
+        }
+        await this.buttonZoek.click();
+        await this.verderLink.click();
+        await this.accepteerCookies();
+        if (file) {
+            await this.page.context().storageState({ path: file });
+        }
+    }
+}

package/dist/auth/pages/index.js

@@ -0,0 +1,4 @@
+export { ADLoginPage } from './adLoginPage';
+export { DigidLoginPage } from './digidLoginPage';
+export { EHerkenningLoginPage } from './eHerkenningLoginPage';
+export { LoginOverzichtPage } from './loginOverzichtPage';

package/dist/auth/pages/loginOverzichtPage.js

@@ -0,0 +1,70 @@
+import { expect } from '@playwright/test';
+import { BasePage } from 'nl-portal-playwright-libraries';
+export class LoginOverzichtPage extends BasePage {
+    digidLoginKnop;
+    digidMachtigenLoginKnop;
+    eHerkenningLoginKnop;
+    eHerkenningMachtigingLoginKnop;
+    constructor(page) {
+        super(page);
+        this.digidLoginKnop = page.locator('#oidc-digid');
+        this.digidMachtigenLoginKnop = page.locator('#digid-machtigen');
+        this.eHerkenningLoginKnop = page.locator('#oidc-eHerkenning');
+        this.eHerkenningMachtigingLoginKnop = page.locator('#eherkenning-bewindvoering');
+    }
+    async klikOpDigidLoginOptie() {
+        await this.digidLoginKnop.waitFor();
+        await this.page.waitForTimeout(2000);
+        await this.digidLoginKnop.click();
+    }
+    async klikOpDigidMachtigenLoginOptie() {
+        await this.digidMachtigenLoginKnop.waitFor();
+        await this.page.waitForTimeout(2000);
+        await this.digidMachtigenLoginKnop.click();
+    }
+    async klikOpEHerkenningLoginOptie() {
+        await this.eHerkenningLoginKnop.waitFor();
+        await this.page.waitForTimeout(2000);
+        try {
+            await this.eHerkenningLoginKnop.click();
+        }
+        catch (_error) {
+            await this.reloadPage();
+            await this.eHerkenningLoginKnop.waitFor();
+            await this.page.waitForTimeout(2000);
+            await this.eHerkenningLoginKnop.click();
+        }
+    }
+    async klikOpProfessioneelBewindvoerderLoginOptie() {
+        await this.eHerkenningMachtigingLoginKnop.waitFor();
+        await this.page.waitForTimeout(2000);
+        try {
+            await this.eHerkenningMachtigingLoginKnop.click();
+        }
+        catch (_error) {
+            await this.reloadPage();
+            await this.eHerkenningMachtigingLoginKnop.waitFor();
+            await this.page.waitForTimeout(2000);
+            await this.eHerkenningMachtigingLoginKnop.click();
+        }
+    }
+    async valideerDatHetLoginOverzichtZichtbaarIs() {
+        await expect(this.page.getByRole('heading', { name: 'Inloggen voor mijzelf' })).toBeVisible();
+    }
+    async accepteerCookies() {
+        try {
+            await this.page.locator('#ppms_cm_agree-to-all').click();
+        }
+        catch (_ignore) {
+            // can be ignored if popup doesn't show
+        }
+    }
+    async reloadPage() {
+        try {
+            await this.page.reload();
+        }
+        catch (_error) {
+            // Ignore
+        }
+    }
+}

package/dist/auth/sessionHandler.d.ts

@@ -1,6 +1,6 @@
 import { Account, SessionHandler } from 'nl-portal-playwright-libraries';
-import { AuthType } from '../constants/authTypes';
 import { LoginHandler } from '../constants/loginHandler';
+import { AuthType } from '../constants';
 export declare const MAX_SESSION_TIME_IN_MINUTES = 10;
 /**
  * This class creates the correct SessionHandler