|
| 1 | +const { test, expect } = require('@playwright/test'); |
| 2 | + |
| 3 | +async function mockAuthenticatedSession(page) { |
| 4 | + await page.addInitScript(() => { |
| 5 | + window.localStorage.setItem('token', 'e2e-token'); |
| 6 | + window.localStorage.setItem( |
| 7 | + 'user', |
| 8 | + JSON.stringify({ email: 'admin@flatlogic.com' }), |
| 9 | + ); |
| 10 | + }); |
| 11 | +} |
| 12 | + |
| 13 | +async function openProtectedRoute(page, path) { |
| 14 | + await page.goto('/dashboard', { waitUntil: 'networkidle' }); |
| 15 | + await page.evaluate((targetPath) => { |
| 16 | + window.history.pushState({}, '', targetPath); |
| 17 | + window.dispatchEvent(new PopStateEvent('popstate')); |
| 18 | + }, path); |
| 19 | +} |
| 20 | + |
| 21 | +test.describe('Core smoke', () => { |
| 22 | + test('login page renders', async ({ page }) => { |
| 23 | + await page.goto('/login'); |
| 24 | + await expect(page).toHaveURL(/\/login$/); |
| 25 | + await expect(page.getByRole('button', { name: /login/i })).toBeVisible(); |
| 26 | + }); |
| 27 | + |
| 28 | + test('dashboard page renders', async ({ page }) => { |
| 29 | + await mockAuthenticatedSession(page); |
| 30 | + await page.goto('/dashboard'); |
| 31 | + await expect(page).toHaveURL(/\/dashboard$/); |
| 32 | + await expect(page.getByText(/overview/i).first()).toBeVisible(); |
| 33 | + }); |
| 34 | + |
| 35 | + test('users list route renders', async ({ page }) => { |
| 36 | + await mockAuthenticatedSession(page); |
| 37 | + await openProtectedRoute(page, '/admin/users'); |
| 38 | + await expect(page).toHaveURL(/\/admin\/users(\/list)?$/); |
| 39 | + await expect( |
| 40 | + page.locator( |
| 41 | + 'button:has-text("New"), button:has-text("Add filter"), button:has-text("Add"), p.table-title:has-text("Users"), table.table, table[mat-table]', |
| 42 | + ).first(), |
| 43 | + ).toBeVisible(); |
| 44 | + }); |
| 45 | + |
| 46 | + test('users list -> create -> back to list', async ({ page }) => { |
| 47 | + await mockAuthenticatedSession(page); |
| 48 | + await openProtectedRoute(page, '/admin/users'); |
| 49 | + await expect(page).toHaveURL(/\/admin\/users(\/list)?$/); |
| 50 | + |
| 51 | + await page.getByRole('button', { name: /^\s*new\s*$/i }).first().click(); |
| 52 | + await expect(page).toHaveURL(/\/admin\/users\/new$/); |
| 53 | + await expect( |
| 54 | + page.locator('h4:has-text("New Users"), button:has-text("Create")').first(), |
| 55 | + ).toBeVisible(); |
| 56 | + |
| 57 | + await page.getByRole('button', { name: /^\s*cancel\s*$/i }).first().click(); |
| 58 | + await expect(page).toHaveURL(/\/admin\/users(\/list)?$/); |
| 59 | + }); |
| 60 | + |
| 61 | + test('profile route renders', async ({ page }) => { |
| 62 | + await mockAuthenticatedSession(page); |
| 63 | + await openProtectedRoute(page, '/user/profile'); |
| 64 | + await expect(page).toHaveURL(/\/user\/profile$/); |
| 65 | + await expect( |
| 66 | + page.locator('p:has-text("Views"), p:has-text("Updates")').first(), |
| 67 | + ).toBeVisible(); |
| 68 | + }); |
| 69 | + |
| 70 | + test('change-password route renders', async ({ page }) => { |
| 71 | + await mockAuthenticatedSession(page); |
| 72 | + await openProtectedRoute(page, '/app/change-password'); |
| 73 | + await expect(page).toHaveURL(/\/app\/change-password$/); |
| 74 | + await expect(page.getByRole('heading', { name: /change password/i })).toBeVisible(); |
| 75 | + await expect( |
| 76 | + page.getByRole('button', { name: /change password/i }).first(), |
| 77 | + ).toBeVisible(); |
| 78 | + }); |
| 79 | +}); |
0 commit comments