@camunda/e2e-test-suite 0.0.32 → 0.0.34

package/dist/pages/SM-8.6/LoginPage.d.ts

@@ -4,7 +4,14 @@ declare class LoginPage {
     readonly usernameInput: Locator;
     readonly passwordInput: Locator;
     readonly loginButton: Locator;
+    readonly coreUsernameInput: Locator;
+    readonly corePasswordInput: Locator;
+    readonly coreLoginButton: Locator;
+    readonly keycloakBanner: Locator;
+    private useCore;
+    private useKeycloak;
     constructor(page: Page);
+    detectLoginForm(): Promise<void>;
     fillUsername(username: string): Promise<void>;
     clickUsername(): Promise<void>;
     fillPassword(password: string): Promise<void>;

package/dist/pages/SM-8.6/LoginPage.js

@@ -7,35 +7,109 @@ class LoginPage {
     usernameInput;
     passwordInput;
     loginButton;
+    coreUsernameInput;
+    corePasswordInput;
+    coreLoginButton;
+    keycloakBanner;
+    useCore = false;
+    useKeycloak = false;
     constructor(page) {
         this.page = page;
         this.usernameInput = page.getByLabel('Username or email');
         this.passwordInput = page.getByLabel('Password');
         this.loginButton = page.getByRole('button', { name: 'Log in' });
+        this.coreUsernameInput = page.getByPlaceholder('Username');
+        this.corePasswordInput = page.getByPlaceholder('Password');
+        this.coreLoginButton = page.getByRole('button', { name: 'Login' });
+        this.keycloakBanner = page.locator('body#keycloak-bg[data-page-id="login-login"]');
+    }
+    // Race logic: call before interacting
+    async detectLoginForm() {
+        const winner = await Promise.race([
+            this.usernameInput.waitFor({ state: 'visible' }).then(() => 'default'),
+            this.coreUsernameInput.waitFor({ state: 'visible' }).then(() => 'core'),
+            this.keycloakBanner.waitFor({ state: 'visible' }).then(() => 'keycloak'),
+        ]);
+        this.useCore = winner === 'core';
+        this.useKeycloak = winner === 'keycloak';
     }
     async fillUsername(username) {
-        await this.usernameInput.fill(username);
+        if (await this.page.locator('#username').isVisible()) {
+            await this.page.fill('#username', username);
+        }
+        else {
+            await (this.useCore
+                ? this.coreUsernameInput.fill(username)
+                : this.usernameInput.fill(username));
+        }
     }
     async clickUsername() {
-        await this.usernameInput.click({ timeout: 60000 });
+        if (await this.page.locator('#username').isVisible()) {
+            await this.page.click('#username');
+        }
+        else {
+            await (this.useCore
+                ? this.coreUsernameInput.click({ timeout: 60000 })
+                : this.usernameInput.click({ timeout: 60000 }));
+        }
     }
     async fillPassword(password) {
-        await this.passwordInput.fill(password);
+        if (await this.page.locator('#password').isVisible()) {
+            await this.page.fill('#password', password);
+        }
+        else {
+            await (this.useCore
+                ? this.corePasswordInput.fill(password)
+                : this.passwordInput.fill(password));
+        }
     }
     async clickLoginButton() {
-        await this.loginButton.click({ timeout: 60000 });
+        if (await this.page.locator('button[type="submit"]').isVisible()) {
+            await this.page.click('button[type="submit"]');
+        }
+        else {
+            await (this.useCore
+                ? this.coreLoginButton.click({ timeout: 60000 })
+                : this.loginButton.click({ timeout: 60000 }));
+        }
     }
     async login(username, password) {
-        await (0, test_1.expect)(this.usernameInput).toBeVisible({ timeout: 180000 });
+        try {
+            await this.detectLoginForm();
+            if (await this.page
+                .locator('body#keycloak-bg[data-page-id="login-login"]')
+                .isVisible()) {
+                await (0, test_1.expect)(this.keycloakBanner).toBeVisible({ timeout: 15000 });
+            }
+            else {
+                const activeLoginButton = this.useCore
+                    ? this.coreLoginButton
+                    : this.loginButton;
+                await (0, test_1.expect)(activeLoginButton).toBeVisible({ timeout: 15000 });
+            }
+        }
+        catch (error) {
+            return;
+        }
         await this.clickUsername();
         await this.fillUsername(username);
         await this.fillPassword(password);
-        await (0, test_1.expect)(this.loginButton).toBeVisible({ timeout: 120000 });
         await this.clickLoginButton();
     }
     async loginAfterPermissionsReadded(username, password) {
         try {
-            await (0, test_1.expect)(this.usernameInput).toBeVisible({ timeout: 15000 });
+            await this.detectLoginForm();
+            if (await this.page
+                .locator('body#keycloak-bg[data-page-id="login-login"]')
+                .isVisible()) {
+                await (0, test_1.expect)(this.keycloakBanner).toBeVisible({ timeout: 15000 });
+            }
+            else {
+                const activeLoginButton = this.useCore
+                    ? this.coreLoginButton
+                    : this.loginButton;
+                await (0, test_1.expect)(activeLoginButton).toBeVisible({ timeout: 15000 });
+            }
         }
         catch (error) {
             return;
@@ -43,7 +117,6 @@ class LoginPage {
         await this.clickUsername();
         await this.fillUsername(username);
         await this.fillPassword(password);
-        await (0, test_1.expect)(this.loginButton).toBeVisible({ timeout: 10000 });
         await this.clickLoginButton();
     }
 }

package/dist/pages/SM-8.6/ModelerHomePage.js

@@ -47,9 +47,7 @@ class ModelerHomePage {
         this.projectBreadcrumb = page.locator('[data-test="breadcrumb-project"]');
         this.openOrganizationsButton = page.getByLabel('Open Organizations');
         this.manageButton = page.getByRole('button', { name: 'Manage' });
-        this.crossComponentProjectFolder = page.getByTitle(this.defaultFolderName, {
-            exact: true,
-        });
+        this.crossComponentProjectFolder = page.getByTitle(this.defaultFolderName);
         this.homeBreadcrumb = page.locator('[data-test="breadcrumb-home"]');
         this.formNameInput = page.locator('[data-test="editable-input"]');
         this.rows = page.getByRole('row');

package/dist/pages/SM-8.6/OptimizeHomePage.js

@@ -29,20 +29,20 @@ class OptimizeHomePage {
     }
     async clickCollectionsLink() {
         try {
-            await this.modalCloseButton.click({ timeout: 60000 });
-            await this.collectionsLink.click({ timeout: 60000 });
+            await this.modalCloseButton.click();
+            await this.collectionsLink.click();
         }
         catch (error) {
-            await this.collectionsLink.click({ timeout: 60000 });
+            await this.collectionsLink.click();
         }
     }
     async clickDashboardLink() {
         try {
-            await this.modalCloseButton.click({ timeout: 60000 });
-            await this.dashboardLink.click({ timeout: 60000 });
+            await this.modalCloseButton.click();
+            await this.dashboardLink.click();
         }
         catch (error) {
-            await this.dashboardLink.click({ timeout: 60000 });
+            await this.dashboardLink.click();
         }
     }
     async assertProcessHasBeenImported(processId) {

package/dist/pages/SM-8.7/KeycloakAdminPage.js

@@ -16,7 +16,17 @@ class KeycloakAdminPage {
     async switchToCamundaPlatform() {
         const realmSelector = this.page.getByTestId('nav-item-realms');
         await realmSelector.click();
-        await this.page.getByRole('link', { name: 'camunda-platform' }).click();
+        const searchField = this.page.getByTestId('selectRealminput');
+        await searchField.click();
+        await this.page
+            .getByPlaceholder('Search')
+            .fill(process.env.KEYCLOAK_REALM || 'camunda-platform');
+        await this.page
+            .locator('[data-ouia-component-id="OUIA-Generated-Button-control-1"]')
+            .click();
+        await this.page
+            .getByText(process.env.KEYCLOAK_REALM || 'camunda-platform')
+            .click();
         const mainLocator = this.page.locator('#kc-main-content-page-container');
         await (0, test_1.expect)(mainLocator).toBeVisible();
     }

package/dist/pages/SM-8.7/LoginPage.d.ts

@@ -1,9 +1,17 @@
 import { Page, Locator } from '@playwright/test';
 declare class LoginPage {
+    private page;
     readonly usernameInput: Locator;
     readonly passwordInput: Locator;
     readonly loginButton: Locator;
+    readonly coreUsernameInput: Locator;
+    readonly corePasswordInput: Locator;
+    readonly coreLoginButton: Locator;
+    readonly keycloakBanner: Locator;
+    private useCore;
+    private useKeycloak;
     constructor(page: Page);
+    detectLoginForm(): Promise<void>;
     fillUsername(username: string): Promise<void>;
     clickUsername(): Promise<void>;
     fillPassword(password: string): Promise<void>;

package/dist/pages/SM-8.7/LoginPage.js

@@ -1,31 +1,100 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoginPage = void 0;
+const test_1 = require("@playwright/test");
 class LoginPage {
+    page;
     usernameInput;
     passwordInput;
     loginButton;
+    coreUsernameInput;
+    corePasswordInput;
+    coreLoginButton;
+    keycloakBanner;
+    useCore = false;
+    useKeycloak = false;
     constructor(page) {
-        this.usernameInput = page.locator('input[name="username"]');
-        this.passwordInput = page.locator('input[name="password"]');
+        this.page = page;
+        this.usernameInput = page.getByLabel('Username or email');
+        this.passwordInput = page.getByLabel('Password');
         this.loginButton = page.getByRole('button', { name: 'Log in' });
+        this.coreUsernameInput = page.getByPlaceholder('Username');
+        this.corePasswordInput = page.getByPlaceholder('Password');
+        this.coreLoginButton = page.getByRole('button', { name: 'Login' });
+        this.keycloakBanner = page.locator('body#keycloak-bg[data-page-id="login-login"]');
+    }
+    // Race logic: call before interacting
+    async detectLoginForm() {
+        const winner = await Promise.race([
+            this.usernameInput.waitFor({ state: 'visible' }).then(() => 'default'),
+            this.coreUsernameInput.waitFor({ state: 'visible' }).then(() => 'core'),
+            this.keycloakBanner.waitFor({ state: 'visible' }).then(() => 'keycloak'),
+        ]);
+        this.useCore = winner === 'core';
+        this.useKeycloak = winner === 'keycloak';
     }
     async fillUsername(username) {
-        await this.usernameInput.fill(username);
+        if (await this.page.locator('#username').isVisible()) {
+            await this.page.fill('#username', username);
+        }
+        else {
+            await (this.useCore
+                ? this.coreUsernameInput.fill(username)
+                : this.usernameInput.fill(username));
+        }
     }
     async clickUsername() {
-        await this.usernameInput.click({ timeout: 60000 });
+        if (await this.page.locator('#username').isVisible()) {
+            await this.page.click('#username');
+        }
+        else {
+            await (this.useCore
+                ? this.coreUsernameInput.click({ timeout: 60000 })
+                : this.usernameInput.click({ timeout: 60000 }));
+        }
     }
     async fillPassword(password) {
-        await this.passwordInput.fill(password);
+        if (await this.page.locator('#password').isVisible()) {
+            await this.page.fill('#password', password);
+        }
+        else {
+            await (this.useCore
+                ? this.corePasswordInput.fill(password)
+                : this.passwordInput.fill(password));
+        }
     }
     async clickLoginButton() {
-        await this.loginButton.click({ timeout: 60000 });
+        if (await this.page.locator('button[type="submit"]').isVisible()) {
+            await this.page.click('button[type="submit"]');
+        }
+        else {
+            await (this.useCore
+                ? this.coreLoginButton.click({ timeout: 60000 })
+                : this.loginButton.click({ timeout: 60000 }));
+        }
     }
     async login(username, password) {
-        await this.usernameInput.fill(username);
-        await this.passwordInput.fill(password);
-        await this.loginButton.click();
+        try {
+            await this.detectLoginForm();
+            if (await this.page
+                .locator('body#keycloak-bg[data-page-id="login-login"]')
+                .isVisible()) {
+                await (0, test_1.expect)(this.keycloakBanner).toBeVisible({ timeout: 15000 });
+            }
+            else {
+                const activeLoginButton = this.useCore
+                    ? this.coreLoginButton
+                    : this.loginButton;
+                await (0, test_1.expect)(activeLoginButton).toBeVisible({ timeout: 15000 });
+            }
+        }
+        catch (error) {
+            return;
+        }
+        await this.clickUsername();
+        await this.fillUsername(username);
+        await this.fillPassword(password);
+        await this.clickLoginButton();
     }
     async isLoginPage() {
         try {

package/dist/pages/SM-8.7/ModelerHomePage.js

@@ -111,21 +111,21 @@ class ModelerHomePage {
         await this.formTemplateOption.click();
     }
     async enterFormName(name) {
-        await this.formNameInput.click({ timeout: 5000 });
+        await this.formNameInput.click();
         await this.formNameInput.fill(name);
         await this.formNameInput.press('Enter');
     }
     async clickProjectBreadcrumb() {
-        await this.projectBreadcrumb.click({ timeout: 5000 });
+        await this.projectBreadcrumb.click();
     }
     async clickOpenOrganizationsButton() {
-        await this.openOrganizationsButton.click({ timeout: 5000 });
+        await this.openOrganizationsButton.click();
     }
     async clickManageButton() {
         await this.manageButton.click({ timeout: 5000 });
     }
     async clickUploadFilesButton() {
-        await this.uploadFilesButton.click({ timeout: 5000 });
+        await this.uploadFilesButton.click();
     }
     getDefaultFolderName() {
         return this.defaultFolderName;

package/dist/pages/SM-8.7/NavigationPage.js

@@ -124,7 +124,10 @@ class NavigationPage {
         await this.goTo('/optimize', this.optimizePageBanner, sleepTimeout);
     }
     async goToKeycloak() {
-        await this.page.goto('/auth');
+        const keycloakUrl = process.env.KEYCLOAK_URL
+            ? `${process.env.KEYCLOAK_URL}/auth`
+            : '/auth';
+        await this.page.goto(keycloakUrl);
         await (0, test_1.expect)(this.keyboardPageBanner).toBeVisible();
     }
     async goToIdentity(sleepTimeout) {

package/dist/pages/SM-8.9/KeycloakAdminPage.js

@@ -16,7 +16,17 @@ class KeycloakAdminPage {
     async switchToCamundaPlatform() {
         const realmSelector = this.page.getByTestId('nav-item-realms');
         await realmSelector.click();
-        await this.page.getByText('camunda-platform').click();
+        const searchField = this.page.getByTestId('selectRealminput');
+        await searchField.click();
+        await this.page
+            .getByPlaceholder('Search')
+            .fill(process.env.KEYCLOAK_REALM || 'camunda-platform');
+        await this.page
+            .locator('[data-ouia-component-id="OUIA-Generated-Button-control-1"]')
+            .click();
+        await this.page
+            .getByText(process.env.KEYCLOAK_REALM || 'camunda-platform')
+            .click();
         const mainLocator = this.page.locator('#kc-main-content-page-container');
         await (0, test_1.expect)(mainLocator).toBeVisible();
     }

package/dist/pages/SM-8.9/LoginPage.d.ts

@@ -7,7 +7,9 @@ declare class LoginPage {
     readonly coreUsernameInput: Locator;
     readonly corePasswordInput: Locator;
     readonly coreLoginButton: Locator;
+    readonly keycloakBanner: Locator;
     private useCore;
+    private useKeycloak;
     constructor(page: Page);
     detectLoginForm(): Promise<void>;
     fillUsername(username: string): Promise<void>;

package/dist/pages/SM-8.9/LoginPage.js

@@ -10,7 +10,9 @@ class LoginPage {
     coreUsernameInput;
     corePasswordInput;
     coreLoginButton;
+    keycloakBanner;
     useCore = false;
+    useKeycloak = false;
     constructor(page) {
         this.page = page;
         this.usernameInput = page.getByLabel('Username or email');
@@ -19,42 +21,72 @@ class LoginPage {
         this.coreUsernameInput = page.getByPlaceholder('Username');
         this.corePasswordInput = page.getByPlaceholder('Password');
         this.coreLoginButton = page.getByRole('button', { name: 'Login' });
+        this.keycloakBanner = page.locator('body#keycloak-bg[data-page-id="login-login"]');
     }
     // Race logic: call before interacting
     async detectLoginForm() {
         const winner = await Promise.race([
             this.usernameInput.waitFor({ state: 'visible' }).then(() => 'default'),
             this.coreUsernameInput.waitFor({ state: 'visible' }).then(() => 'core'),
+            this.keycloakBanner.waitFor({ state: 'visible' }).then(() => 'keycloak'),
         ]);
         this.useCore = winner === 'core';
+        this.useKeycloak = winner === 'keycloak';
     }
     async fillUsername(username) {
-        await (this.useCore
-            ? this.coreUsernameInput.fill(username)
-            : this.usernameInput.fill(username));
+        if (await this.page.locator('#username').isVisible()) {
+            await this.page.fill('#username', username);
+        }
+        else {
+            await (this.useCore
+                ? this.coreUsernameInput.fill(username)
+                : this.usernameInput.fill(username));
+        }
     }
     async clickUsername() {
-        await (this.useCore
-            ? this.coreUsernameInput.click({ timeout: 60000 })
-            : this.usernameInput.click({ timeout: 60000 }));
+        if (await this.page.locator('#username').isVisible()) {
+            await this.page.click('#username');
+        }
+        else {
+            await (this.useCore
+                ? this.coreUsernameInput.click({ timeout: 60000 })
+                : this.usernameInput.click({ timeout: 60000 }));
+        }
     }
     async fillPassword(password) {
-        await (this.useCore
-            ? this.corePasswordInput.fill(password)
-            : this.passwordInput.fill(password));
+        if (await this.page.locator('#password').isVisible()) {
+            await this.page.fill('#password', password);
+        }
+        else {
+            await (this.useCore
+                ? this.corePasswordInput.fill(password)
+                : this.passwordInput.fill(password));
+        }
     }
     async clickLoginButton() {
-        await (this.useCore
-            ? this.coreLoginButton.click({ timeout: 60000 })
-            : this.loginButton.click({ timeout: 60000 }));
+        if (await this.page.locator('button[type="submit"]').isVisible()) {
+            await this.page.click('button[type="submit"]');
+        }
+        else {
+            await (this.useCore
+                ? this.coreLoginButton.click({ timeout: 60000 })
+                : this.loginButton.click({ timeout: 60000 }));
+        }
     }
     async login(username, password) {
         try {
             await this.detectLoginForm();
-            const activeLoginButton = this.useCore
-                ? this.coreLoginButton
-                : this.loginButton;
-            await (0, test_1.expect)(activeLoginButton).toBeVisible({ timeout: 15000 });
+            if (await this.page
+                .locator('body#keycloak-bg[data-page-id="login-login"]')
+                .isVisible()) {
+                await (0, test_1.expect)(this.keycloakBanner).toBeVisible({ timeout: 15000 });
+            }
+            else {
+                const activeLoginButton = this.useCore
+                    ? this.coreLoginButton
+                    : this.loginButton;
+                await (0, test_1.expect)(activeLoginButton).toBeVisible({ timeout: 15000 });
+            }
         }
         catch (error) {
             return;

package/dist/pages/SM-8.9/NavigationPage.js

@@ -108,7 +108,10 @@ class NavigationPage {
         await this.goTo('/optimize', this.optimizePageBanner, sleepTimeout, credentials);
     }
     async goToKeycloak() {
-        await this.page.goto('/auth');
+        const keycloakUrl = process.env.KEYCLOAK_URL
+            ? `${process.env.KEYCLOAK_URL}/auth`
+            : '/auth';
+        await this.page.goto(keycloakUrl);
         await (0, test_1.expect)(this.keyboardPageBanner).toBeVisible();
     }
     async goToOCIdentity(sleepTimeout, credentials) {

package/dist/pages/SM-8.9/OptimizeHomePage.js

@@ -31,20 +31,20 @@ class OptimizeHomePage {
     }
     async clickCollectionsLink() {
         try {
-            await this.modalCloseButton.click({ timeout: 60000 });
-            await this.collectionsLink.click({ timeout: 60000 });
+            await this.modalCloseButton.click();
+            await this.collectionsLink.click();
         }
         catch (error) {
-            await this.collectionsLink.click({ timeout: 60000 });
+            await this.collectionsLink.click();
         }
     }
     async clickDashboardLink() {
         try {
-            await this.modalCloseButton.click({ timeout: 60000 });
-            await this.dashboardLink.click({ timeout: 60000 });
+            await this.modalCloseButton.click();
+            await this.dashboardLink.click();
         }
         catch (error) {
-            await this.dashboardLink.click({ timeout: 60000 });
+            await this.dashboardLink.click();
         }
     }
     async assertProcessHasBeenImported(processId) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camunda/e2e-test-suite",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "description": "End-to-end test helpers for Camunda 8",
   "repository": {
     "type": "git",