Fix CI: Install Playwright browsers before running tests (#12)

* Initial plan

* Add Playwright browser installation step to CI workflow

Co-authored-by: bg-playground <259109604+bg-playground@users.noreply.github.com>

* Fix navigation timing issues by adding explicit waits

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: bg-playground <259109604+bg-playground@users.noreply.github.com>

Author: Copilot

.github/workflows/ci.yml

@@ -27,6 +27,10 @@ jobs:
         working-directory: ./automated-testing
         run: npm install
 
+      - name: Install Playwright Browsers
+        working-directory: ./automated-testing
+        run: npx playwright install --with-deps
+
       - name: Run npm Tests
         working-directory: ./automated-testing
-        run: npm test
+        run: npm test

automated-testing/pages/DashboardPage.js

@@ -24,22 +24,27 @@ export class DashboardPage {
   }
 
   async navigateToAdmin() {
+    await this.adminMenu.waitFor({ state: 'visible' });
     await this.adminMenu.click();
   }
 
   async navigateToPIM() {
+    await this.pimMenu.waitFor({ state: 'visible' });
     await this.pimMenu.click();
   }
 
   async navigateToLeave() {
+    await this.leaveMenu.waitFor({ state: 'visible' });
     await this.leaveMenu.click();
   }
 
   async navigateToTime() {
+    await this.timeMenu.waitFor({ state: 'visible' });
     await this.timeMenu.click();
   }
 
   async navigateToRecruitment() {
+    await this.recruitmentMenu.waitFor({ state: 'visible' });
     await this.recruitmentMenu.click();
   }
 
@@ -49,4 +54,4 @@ export class DashboardPage {
     await this.page.keyboard.press('Escape'); // Close dropdown
     return username || '';
   }
-}
+}