geocrop-platform./apps/nextgen/client/e2e/portals/student.spec.ts

80 lines
2.7 KiB
TypeScript

/**
* Student portal smoke + happy-path coverage.
*/
import { test, expect } from '@playwright/test';
import { loginAs } from '../helpers/auth';
import { ROUTES_PER_ROLE, ROLE_LANDING } from '../helpers/nav';
import {
captureConsoleErrors,
expectNoConsoleErrors,
expectPageMounted,
} from '../helpers/assertions';
const BASE = 'http://localhost:3000';
const STUDENT_CHROME = ['Africa Alert', 'Student', 'Dashboard'];
test.describe('Student portal — smoke @smoke', () => {
test.beforeEach(async ({ page }) => {
await loginAs(page, 'student');
});
for (const route of ROUTES_PER_ROLE.student) {
test(`mounts ${route}`, async ({ page }) => {
const cap = captureConsoleErrors(page);
try {
await page.goto(`${BASE}${route}`);
await expectPageMounted(page, route, [route.split('/').pop() || route, ...STUDENT_CHROME]);
} finally {
cap.dispose();
expectNoConsoleErrors(cap.errors);
}
});
}
});
test.describe('Student portal — happy path @flow', () => {
test.beforeEach(async ({ page }) => {
await loginAs(page, 'student');
});
test('lands on the student dashboard after login', async ({ page }) => {
await page.goto(`${BASE}/`);
await expect(page).toHaveURL(new RegExp(`${ROLE_LANDING.student.replace(/\//g, '\\/')}$`));
});
test('grades: page shows grades list or empty state', async ({ page }) => {
await page.goto(`${BASE}/grades`);
await expect(page.locator('h1, h2').first()).toBeVisible();
const tableOrEmpty = page
.locator('table')
.or(page.getByText(/no grades|no records|empty/i));
await expect(tableOrEmpty.first()).toBeVisible({ timeout: 5_000 });
});
test('assignments: list page is reachable', async ({ page }) => {
await page.goto(`${BASE}/assignments`);
await expect(page.locator('h1, h2').first()).toBeVisible();
});
test('my-courses: course list page renders', async ({ page }) => {
await page.goto(`${BASE}/my-courses`);
await expect(page.locator('h1, h2').first()).toBeVisible();
});
test('fees: page renders fee summary', async ({ page }) => {
await page.goto(`${BASE}/fees`);
await expect(page.locator('h1, h2').first()).toBeVisible();
// Look for a Paynow / pay button, an amount, or a fees table.
const feeSurface = page
.getByRole('button', { name: /pay|paynow/i })
.or(page.getByText(/balance|outstanding|total/i))
.or(page.locator('table'));
await expect(feeSurface.first()).toBeVisible({ timeout: 5_000 });
});
test('exams: list page is reachable', async ({ page }) => {
await page.goto(`${BASE}/exams`);
await expect(page.locator('h1, h2').first()).toBeVisible();
});
});