cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-17 13:23:35 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

chore: automated screenshots (#667)

Browse Source 
* chore: take screenshots on routes

* chore: update test data

* chore: update test

* chore: upgrade node in CI
This commit is contained in:
Carlos Valente
2023-12-25 19:41:45 +01:00
committed by GitHub
parent f2632412aa
commit 6ffc314513
6 changed files with 483 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files
e2e/tests/000-smoke-tests.spec.ts
+74 -10
View File
@@ -1,42 +1,106 @@
import { expect, test } from '@playwright/test';
// TODO: can we replace the clicks with something else?
test.describe('pages routes are available', () => {
test.use({ viewport: { width: 1920, height: 1080 } });
test.describe('backstage views', () => {
test.describe('main views', () => {
test('editor', async ({ page }) => {
await page.goto('http://localhost:4001/editor');
await expect(page).toHaveTitle(/ontime/);
await expect(page.getByTestId('event-editor')).toBeVisible()
await expect(page.getByTestId('panel-rundown')).toBeVisible()
await expect(page.getByTestId('panel-timer-control')).toBeVisible()
await expect(page.getByTestId('panel-messages-control')).toBeVisible()
await expect(page.getByTestId('panel-info')).toBeVisible()
await expect(page.getByTestId('event-editor')).toBeVisible();
await expect(page.getByTestId('panel-rundown')).toBeVisible();
await expect(page.getByTestId('panel-timer-control')).toBeVisible();
await expect(page.getByTestId('panel-messages-control')).toBeVisible();
await expect(page.getByTestId('panel-info')).toBeVisible();
await page.screenshot({ path: 'automated-screenshots/editor.png' });
});
test('cuesheet', async ({ page }) => {
await page.goto('http://localhost:4001/cuesheet');
await expect(page).toHaveTitle(/ontime/);
await page.getByTestId('cuesheet').click();
await page.screenshot({ path: 'automated-screenshots/cuesheet.png' });
});
test('operator', async ({ page }) => {
await page.goto('http://localhost:4001/operator');
await expect(page).toHaveTitle(/ontime/);
await page.screenshot({ path: 'automated-screenshots/operator.png' });
});
test('timer', async ({ page }) => {
await page.goto('http://localhost:4001/timer');
await expect(page).toHaveTitle(/ontime/);
await page.screenshot({ path: 'automated-screenshots/timer.png' });
});
test('clock', async ({ page }) => {
await page.goto('http://localhost:4001/timer');
await expect(page).toHaveTitle(/ontime/);
await page.screenshot({ path: 'automated-screenshots/clock.png' });
});
test('minimal', async ({ page }) => {
await page.goto('http://localhost:4001/minimal');
await expect(page).toHaveTitle(/ontime/);
await page.screenshot({ path: 'automated-screenshots/minimal.png' });
});
test('backstage', async ({ page }) => {
await page.goto('http://localhost:4001/backstage');
await expect(page).toHaveTitle(/ontime/);
await page.screenshot({ path: 'automated-screenshots/backstage.png' });
});
test('public', async ({ page }) => {
await page.goto('http://localhost:4001/public');
await expect(page).toHaveTitle(/ontime/);
await page.screenshot({ path: 'automated-screenshots/public.png' });
});
test('studio', async ({ page }) => {
await page.goto('http://localhost:4001/studio');
await expect(page).toHaveTitle(/ontime/);
await page.screenshot({ path: 'automated-screenshots/studio.png' });
});
test('countdown', async ({ page }) => {
await page.goto('http://localhost:4001/countdown');
await expect(page).toHaveTitle(/ontime/);
await page.screenshot({ path: 'automated-screenshots/countdown.png' });
await page.getByRole('link', { name: '1. 10:00 → 10:20 | Albania' }).click();
await page.getByText('Albania').click();
await page.screenshot({ path: 'automated-screenshots/countdown-2.png' });
});
});
test.describe('detached views', () => {
test('rundown', async ({ page }) => {
await page.goto('http://localhost:4001/rundown');
await expect(page.getByTestId('panel-rundown')).toBeVisible()
await expect(page.getByTestId('panel-rundown')).toBeVisible();
});
test('timer control', async ({ page }) => {
await page.goto('http://localhost:4001/timercontrol');
await expect(page.getByTestId('panel-timer-control')).toBeVisible()
await expect(page.getByTestId('panel-timer-control')).toBeVisible();
});
test('message control', async ({ page }) => {
await page.goto('http://localhost:4001/messagecontrol');
await expect(page.getByTestId('panel-messages-control')).toBeVisible()
await expect(page.getByTestId('panel-messages-control')).toBeVisible();
});
test('info', async ({ page }) => {
await page.goto('http://localhost:4001/info');
await expect(page.getByTestId('panel-info')).toBeVisible()
await expect(page.getByTestId('panel-info')).toBeVisible();
});
});
});