9 develop be able to connect to local and deployed instance

.github/workflows/playwright.yml

@@ -8,6 +8,10 @@ jobs:
   test:
     timeout-minutes: 60
     runs-on: ubuntu-latest
+    env:
+      BASE_URL: ${{ secrets.BASE_URL }}
+      KEYCLOAK_USER: ${{ secrets.KEYCLOAK_USER }}
+      KEYCLOAK_PWD: ${{ secrets.KEYCLOAK_PWD }}
     steps:
     - uses: actions/checkout@v4
     - uses: actions/setup-node@v4

.gitignore

@@ -5,4 +5,8 @@ node_modules/
 /playwright-report/
 /blob-report/
 /playwright/.cache/
-/tests-example/
+/tests-example/
+
+# For Local Development
+/.auth/
+playwright.env

pages/LandingPage.ts

@@ -10,13 +10,14 @@ export class LandingPage {
         this.page = page;
     }
 
-    async goto() {
-        await this.page.goto('/');
-    }
-
     async clickLoginButton() {
         return this.page.getByRole('button', { name: 'Login' }).click();
     }
 
-
+    async login(username: string, password: string) {
+        await this.clickLoginButton();
+        await this.page.getByRole('textbox', { name: 'Username' }).fill(username);
+        await this.page.getByRole('textbox', { name: 'Password' }).fill(password);
+        await this.page.getByRole('button', { name: 'Sign in' }).click();
+    }
 }

playwright.config.ts

@@ -38,9 +38,24 @@ export default defineConfig({
 
   /* Configure projects for major browsers */
   projects: [
+    { name: 'setup', testMatch: /.*\.setup\.ts/ },
+
     {
       name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
+      use: {
+        ...devices['Desktop Chrome'],
+        storageState: './.auth/user.json',
+      },
+      dependencies: ['setup'],
+    },
+
+    {
+      name: 'local',
+      testMatch: /.*\.ide\.spec\.ts/,
+      use: {
+        headless: false,
+        baseURL: process.env.LOCAL_URL || 'http://localhost:3000',
+      },
     },
 
   ],

playwright.env.template

@@ -0,0 +1,5 @@
+BASE_URL=https://theia.artemis.cit.tum.de                   # The URL of the Theia Landing Page
+LOCAL_URL=http://localhost:3000                             # Locally deployed Theia (Change the URL/Port if needed)
+INSTANCE_URL=https://instance.theia.artemis.cit.tum.de      # The URL of the Theia Onlinde IDE (Local or Deployed)
+KEYCLOAK_USER=                                              # Username for Keycloak
+KEYCLOAK_PWD=                                               # Password for Keycloak