test(playwright): ♻️ align login configurations

Author: Falltrades

playwright/config/console.ts

@@ -0,0 +1,42 @@
+import { expect } from '@playwright/test'
+
+// Retrieve frontend URL from environment variables (see playwright.config.ts)
+export const clientURL = process.env.KEYCLOAK_REDIRECT_URI || 'http://change-me'
+
+export interface Credentials {
+  username: string
+  password: string
+  email: string
+}
+
+// Users referenced in Keycloak dev realm (../keycloak/realms/realm-dev.json)
+export const adminUser: Credentials = {
+  username: 'admin',
+  password: 'admin',
+  email: '[email protected]',
+}
+export const testUser: Credentials = {
+  username: 'test',
+  password: 'test',
+  email: '[email protected]',
+}
+export const cnolletUser: Credentials = {
+  username: 'cnollet',
+  password: 'test',
+  email: '[email protected]',
+}
+
+export async function signInCloudPiNative({
+  page,
+  credentials,
+}: {
+  page: Page
+  credentials: Credentials
+}) {
+  const { username, password } = credentials
+  await page.getByRole('link', { name: 'Se connecter' }).click()
+  await page.locator('#username').fill(username)
+  await page.locator('#password').fill(password)
+  await page.locator('#kc-login').click()
+  await expect(page.locator('#top')).toContainText('Cloud π Native')
+}

playwright/config/keycloak.ts

@@ -1,3 +1,5 @@
+import { expect } from '@playwright/test'
+
 export interface KeycloakConfig {
   url: string
   realm: string
@@ -22,3 +24,14 @@ export function loadKeycloakConfig(): KeycloakConfig {
     clientBackend: process.env.KEYCLOAK_CLIENT_BACKEND || 'dso-console-backend',
   }
 }
+
+export async function signInKeycloak(
+  page: Page,
+) {
+  const keycloakConfig = loadKeycloakConfig()
+  await page.goto(keycloakConfig.url)
+  await page.locator('#username').fill(keycloakConfig.adminUser)
+  await page.locator('#password').fill(keycloakConfig.adminPass)
+  await page.locator('#kc-login').click()
+  await expect(page.getByRole('link', { name: 'Logo' })).toBeVisible()
+}

playwright/e2e-tests/admin-stages.spec.ts

@@ -1,14 +1,11 @@
 import { faker } from '@faker-js/faker'
 import { expect, test } from '@playwright/test'
+import { adminUser, clientURL, signInCloudPiNative, testUser } from '../config/console'
 
 import {
   addProject,
-  adminUser,
-  clientURL,
   createStage,
   deleteStage,
-  signInCloudPiNative,
-  testUser,
 } from './utils'
 
 test.describe('Stages administration page', { tag: '@e2e' }, () => {

playwright/e2e-tests/clusters.spec.ts

@@ -1,13 +1,11 @@
 import { faker } from '@faker-js/faker'
 import { expect, test } from '@playwright/test'
+import { adminUser, clientURL, signInCloudPiNative } from '../config/console'
 
 import {
   addProject,
-  adminUser,
-  clientURL,
   createCluster,
   deleteCluster,
-  signInCloudPiNative,
 } from './utils'
 
 test.describe('Clusters page', () => {

playwright/e2e-tests/environments.spec.ts

@@ -1,15 +1,17 @@
 import { faker } from '@faker-js/faker'
 import { expect, test } from '@playwright/test'
-
 import {
-  addEnvToProject,
-  addProject,
   adminUser,
   clientURL,
   cnolletUser,
   signInCloudPiNative,
-  removeEnvFromProject,
   testUser,
+} from '../config/console'
+
+import {
+  addEnvToProject,
+  addProject,
+  removeEnvFromProject,
 } from './utils'
 
 test.describe('Environments page', { tag: '@e2e' }, () => {

playwright/e2e-tests/keycloak.spec.ts

@@ -1,7 +1,7 @@
 import type { Page } from '@playwright/test'
 import { test, expect } from '@playwright/test'
 import { faker } from '@faker-js/faker'
-import { loadKeycloakConfig } from '../config/keycloak'
+import { loadKeycloakConfig, signInKeycloak } from '../config/keycloak'
 
 const keycloakConfig = loadKeycloakConfig()
 const usersToDelete: string[] = []
@@ -34,11 +34,7 @@ export async function createGroup(page: Page, groupsToDelete: string[]) {
 
 test.describe('Keycloak', () => {
   test.beforeEach({ tag: ['@e2e', '@integ'] }, async ({ page }) => {
-    await page.goto(keycloakConfig.url)
-    await page.locator('#username').fill(keycloakConfig.adminUser)
-    await page.locator('#password').fill(keycloakConfig.adminPass)
-    await page.locator('#kc-login').click()
-    await expect(page.getByRole('link', { name: 'Logo' })).toBeVisible()
+    await signInKeycloak(page)
   })
 
   test('should sign in to master realm', { tag: ['@e2e', '@integ'] }, async ({ page }) => {

playwright/e2e-tests/projects.spec.ts

@@ -1,7 +1,8 @@
 import type { Page } from '@playwright/test'
 import { expect, test } from '@playwright/test'
 import { faker } from '@faker-js/faker'
-import { addProject, clientURL, cnolletUser, signInCloudPiNative, testUser } from './utils'
+import { clientURL, cnolletUser, signInCloudPiNative, testUser } from '../config/console'
+import { addProject } from './utils'
 
 // Assuming we are on a given Project page, add a random repository with given name, or a generated one
 async function addRandomRepositoryToProject({

playwright/e2e-tests/service-chains.spec.ts

@@ -1,7 +1,6 @@
 import { expect, test } from '@playwright/test'
 
-import type { Credentials } from './utils'
-import { adminUser, clientURL, signInCloudPiNative } from './utils'
+import { adminUser, clientURL, signInCloudPiNative } from '../config/console'
 
 test.describe('Service Chains page', () => {
   test.describe('Given an Admin-level user', () => {

playwright/e2e-tests/utils.ts

@@ -2,53 +2,12 @@ import { faker } from '@faker-js/faker'
 import type { Page } from '@playwright/test'
 import { expect } from '@playwright/test'
 
-// Retrieve frontend URL from environment variables (see playwright.config.ts)
-export const clientURL = process.env.KEYCLOAK_REDIRECT_URI || 'http://change-me'
-
-export interface Credentials {
-  username: string
-  password: string
-  email: string
-}
-
-// Users referenced in Keycloak dev realm (../keycloak/realms/realm-dev.json)
-export const adminUser: Credentials = {
-  username: 'admin',
-  password: 'admin',
-  email: '[email protected]',
-}
-export const testUser: Credentials = {
-  username: 'test',
-  password: 'test',
-  email: '[email protected]',
-}
-export const cnolletUser: Credentials = {
-  username: 'cnollet',
-  password: 'test',
-  email: '[email protected]',
-}
-
 interface Resources {
   cpu: number
   gpu: number
   memory: number
 }
 
-export async function signInCloudPiNative({
-  page,
-  credentials,
-}: {
-  page: Page
-  credentials: Credentials
-}) {
-  const { username, password } = credentials
-  await page.getByRole('link', { name: 'Se connecter' }).click()
-  await page.getByRole('textbox', { name: 'Username or email' }).fill(username)
-  await page.getByRole('textbox', { name: 'Password' }).fill(password)
-  await page.getByRole('button', { name: 'Sign In' }).click()
-  await expect(page.locator('#top')).toContainText('Cloud π Native')
-}
-
 // Assuming we are on the Home page, create a random project with given name, or a generated one
 export async function addProject({
   page,