refactor: extract navigation elements

This commit is contained in:
Carlos Valente
2025-06-22 11:34:00 +02:00
committed by Carlos Valente
parent 7fdda1c969
commit 269091986a
26 changed files with 421 additions and 356 deletions
-12
View File
@@ -33,18 +33,6 @@ test.describe('pages routes are available', () => {
await expect(page).toHaveTitle(/ontime/);
});
test('clock', async ({ page }) => {
await page.goto('http://localhost:4001/timer');
await expect(page).toHaveTitle(/ontime/);
});
test('minimal', async ({ page }) => {
await page.goto('http://localhost:4001/minimal');
await expect(page).toHaveTitle(/ontime/);
});
test('backstage', async ({ page }) => {
await page.goto('http://localhost:4001/backstage');
+7 -21
View File
@@ -6,37 +6,23 @@ test.describe('test view navigation feature', () => {
await expect(page.locator('data-testid=timer-view')).toBeVisible();
});
test('Minimal', async ({ page }) => {
await openNavigationMenu(page);
await page.getByRole('link', { name: 'Minimal Timer' }).click();
await expect(page.locator('data-testid=minimal-timer')).toBeVisible();
await expect(page).toHaveURL('http://localhost:4001/minimal');
});
test('Wall Clock', async ({ page }) => {
await openNavigationMenu(page);
await page.getByRole('link', { name: 'Wall Clock', exact: true }).click();
await expect(page.locator('data-testid=clock-view')).toBeVisible();
await expect(page).toHaveURL('http://localhost:4001/clock');
});
test('Timeline', async ({ page }) => {
await openNavigationMenu(page);
await page.getByRole('link', { name: 'Timeline' }).click();
await page.getByRole('button', { name: 'Timeline' }).click();
page.locator('data-testid=timeline-view');
await expect(page).toHaveURL('http://localhost:4001/timeline');
});
test('Backstage', async ({ page }) => {
await openNavigationMenu(page);
await page.getByRole('link', { name: 'Backstage' }).click();
await page.getByRole('button', { name: 'Backstage' }).click();
page.locator('data-testid=backstage-view');
await expect(page).toHaveURL('http://localhost:4001/backstage');
});
test('Lower Thirds', async ({ page }) => {
await openNavigationMenu(page);
await page.getByRole('link', { name: 'Lower Thirds' }).click();
await page.getByRole('button', { name: 'Lower Thirds' }).click();
await expect(page).toHaveURL('http://localhost:4001/lower');
const errorBoundary = page.locator('data-testid=error-container');
await expect(errorBoundary).toHaveCount(0);
@@ -44,28 +30,28 @@ test.describe('test view navigation feature', () => {
test('Studio Clock', async ({ page }) => {
await openNavigationMenu(page);
await page.getByRole('link', { name: 'Studio Clock' }).click();
await page.getByRole('button', { name: 'Studio Clock' }).click();
page.locator('data-testid=studio-view');
await expect(page).toHaveURL('http://localhost:4001/studio');
});
test('Countdown', async ({ page }) => {
await openNavigationMenu(page);
await page.getByRole('link', { name: 'Countdown' }).click();
await page.getByRole('button', { name: 'Countdown' }).click();
page.locator('data-testid=countdown-view');
await expect(page).toHaveURL('http://localhost:4001/countdown');
});
test('Project Info', async ({ page }) => {
await openNavigationMenu(page);
await page.getByRole('link', { name: 'Project Info' }).click();
await page.getByRole('button', { name: 'Project Info' }).click();
page.locator('data-testid=project-view');
await expect(page).toHaveURL('http://localhost:4001/info');
});
test('Timer', async ({ page }) => {
await openNavigationMenu(page);
await page.getByRole('link', { name: 'Timer', exact: true }).click();
await page.getByRole('button', { name: 'Timer', exact: true }).click();
page.locator('data-testid=timer-view');
await expect(page).toHaveURL('http://localhost:4001/timer');
});