fix: e2e actions

frontend/e2e/pages/dashboard-page.ts

@@ -15,12 +15,12 @@ export class DashboardPage {
 
   async startTest(testName: string) {
     // Find the gate-card containing the test name and click its "Start Test" button
-    const testCard = this.page.locator('.gate-card').filter({ hasText: testName });
+    const testCard = this.page.getByTestId('test-card').filter({ hasText: testName });
     await testCard.getByRole('link', { name: 'Start Test' }).click();
   }
 
   async viewResult(testName: string) {
-    const testCard = this.page.locator('.gate-card').filter({ hasText: testName });
+    const testCard = this.page.getByTestId('test-card').filter({ hasText: testName });
     await testCard.getByRole('link', { name: 'View Result' }).click();
   }
 }

frontend/e2e/tests/core-flow.spec.ts

@@ -10,7 +10,7 @@ test.describe('Core Test Execution Flow', () => {
     await expect(dashboardPage.availableTestsHeading).toBeVisible();
     
     // There should be at least one gate-card visible
-    const testCards = page.locator('.gate-card');
+    const testCards = page.getByTestId('test-card');
     await expect(testCards.first()).toBeVisible();
   });
 
@@ -18,7 +18,7 @@ test.describe('Core Test Execution Flow', () => {
     await dashboardPage.goto();
     
     // Start the first available test
-    const testCards = page.locator('.gate-card').filter({ hasText: 'Start Test' });
+    const testCards = page.getByTestId('test-card').filter({ hasText: 'Start Test' });
     
     // If no tests are available to start, skip or fail the test. 
     // We expect the seeding/database to have at least one test.

frontend/src/pages/Dashboard.jsx

@@ -83,7 +83,7 @@ export default function Dashboard() {
                 const done = attempt?.status === 'submitted'
                 const pct = done && attempt?.total_marks ? Math.round(attempt.score / attempt.total_marks * 100) : null
                 return (
-                  <Card key={t.id} className="flex flex-col hover:border-primary/50 transition-colors border-border">
+                  <Card key={t.id} data-testid="test-card" className="flex flex-col hover:border-primary/50 transition-colors border-border">
                     <CardHeader className="p-5 pb-3">
                       <div className="flex items-start justify-between gap-2">
                         <CardTitle className="text-base leading-snug">{t.title}</CardTitle>