chore: run e2e tests during deployment

.github/workflows/pr-frontend-ci.yml

@@ -10,7 +10,7 @@ concurrency:
 on:
   pull_request:
     branches:
-      - "*"
+      - '*'
     paths:
       - apps/web/**
 jobs:
@@ -74,3 +74,24 @@ jobs:
 
       - name: Run Vite tests
         run: pnpm test
+
+  e2e:
+    name: Playwright Tests
+    runs-on: ubuntu-latest
+    container:
+      image: mcr.microsoft.com/playwright:v1.45.3-jammy
+    defaults:
+      run:
+        working-directory: ./apps/web/
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20.15.0
+      - name: Install dependencies
+        run: pnpm install
+      - name: Run your tests
+        run: pnpm playwright test
+        env:
+          HOME: /root

apps/web/e2e/register.spec.ts

@@ -1,36 +1,38 @@
-import { test, expect } from "@playwright/test";
+import { test, expect } from '@playwright/test';
 
-test.describe("register page", () => {
+test.describe('register page', () => {
   test.beforeEach(async ({ page }) => {
-    await page.goto("/auth/register");
+    await page.goto('/auth/register');
   });
 
-  test("register user", async ({ page }) => {
-    await page.getByLabel("email").fill("[email protected]");
-    await page.getByLabel("password").fill("password");
+  test('register user', async ({ page }) => {
+    await page.getByLabel('email').fill('[email protected]');
+    await page.getByLabel('password').fill('password');
+    await page.getByLabel('first name').fill('John');
+    await page.getByLabel('last name').fill('Student');
 
-    await page.route("**/auth/register", async (route) => {
+    await page.route('**/auth/register', async (route) => {
       await route.fulfill({
         status: 201,
-        contentType: "application/json",
-        json: { data: { email: "", id: "", createdAt: "", updatedAt: "" } },
+        contentType: 'application/json',
+        json: { data: { email: '', id: '', createdAt: '', updatedAt: '' } },
       });
     });
 
-    await page.getByRole("button", { name: /create/i }).click();
+    await page.getByRole('button', { name: /create/i }).click();
 
     await expect(page).toHaveURL(/login/);
   });
 
-  test("fail on invalid credentials", async ({ page }) => {
-    await page.getByLabel("email").fill("user@example");
-    await page.getByLabel("password").fill("pass");
+  test('fail on invalid credentials', async ({ page }) => {
+    await page.getByLabel('email').fill('user@example');
+    await page.getByLabel('password').fill('pass');
 
-    await page.getByRole("button", { name: /create/i }).click();
+    await page.getByRole('button', { name: /create/i }).click();
 
-    await expect(page.getByText("Invalid email")).toBeVisible();
+    await expect(page.getByText('Invalid email')).toBeVisible();
     await expect(
-      page.getByText("Password must be at least 8 characters")
+      page.getByText('Password must be at least 8 characters')
     ).toBeVisible();
   });
 });

apps/web/playwright.config.ts

@@ -1,15 +1,15 @@
-import { defineConfig, devices } from "@playwright/test";
+import { defineConfig, devices } from '@playwright/test';
 
 export default defineConfig({
-  testDir: "./e2e",
+  testDir: './e2e',
   fullyParallel: true,
   forbidOnly: !!process.env.CI,
   retries: process.env.CI ? 2 : 0,
   workers: process.env.CI ? 1 : undefined,
   use: {
     baseURL: process.env.CI
-      ? "https://staging-url.example.com"
-      : "https://app.lms.localhost",
+      ? 'https://lms.beta.selleo.app'
+      : 'https://app.lms.localhost',
     ignoreHTTPSErrors: true,
     // launchOptions: {
     //   args: [
@@ -25,12 +25,12 @@ export default defineConfig({
 
   projects: [
     {
-      name: "chromium",
-      use: { ...devices["Desktop Chrome"] },
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
     },
     {
-      name: "firefox",
-      use: { ...devices["Desktop Firefox"] },
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
     },
   ],
 });