mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-15 12:23:51 +00:00
Alex Christoffer Rasmussen
c7d8b137ca
* chore: only run release action if we have a tag * chore: typescript 6 is out of beta * chore: update flaky test * chore: update pnpm * chore: update playwright and node types * chore: migrate tsup to tsdown * chore: update node to node 22.22.2(LTS) * chore: fix lockfile --------- Co-authored-by: alex-Arc <omnivox@LAPTOP-RC5SNBVV.localdomain>
242 lines
10 KiB
TypeScript
242 lines
10 KiB
TypeScript
import { expect, test } from '@playwright/test';
|
|
|
|
const aliasName = 'testing';
|
|
const aliasUrl =
|
|
'www.getontime.no/team/timer/?hideTimerSeconds=true&showLeadingZeros=true&freezeOvertime=true&hidePhase=true&hideClock=true&hideCards=true&hideProgress=true&hideMessage=true&hideSecondary=true&hideLogo=true';
|
|
|
|
test.describe('URL Preset', () => {
|
|
test.beforeAll(async ({ browser }) => {
|
|
const context = await browser.newContext();
|
|
const page = await context.newPage();
|
|
await page.goto('/editor');
|
|
|
|
// Create the preset that will be used by other tests
|
|
await page.getByRole('button', { name: 'Toggle settings' }).click();
|
|
await page.getByRole('button', { name: 'URL Presets' }).click();
|
|
|
|
await page.getByRole('heading', { name: 'URL presets New' }).getByRole('button').scrollIntoViewIfNeeded();
|
|
await page.getByRole('heading', { name: 'URL presets New' }).getByRole('button').click();
|
|
|
|
await page.locator('input[name="alias"]').click();
|
|
await page.locator('input[name="alias"]').fill(aliasName);
|
|
|
|
await page.getByRole('textbox', { name: 'Paste URL' }).click();
|
|
await page.getByRole('textbox', { name: 'Paste URL' }).fill(aliasUrl);
|
|
await page.getByRole('button', { name: 'Generate' }).click();
|
|
|
|
await page.getByRole('combobox').filter({ hasText: 'Timer' });
|
|
await page.getByRole('button', { name: 'Save' }).click();
|
|
|
|
await page.close();
|
|
});
|
|
|
|
test('Unwrapping a preset from a view', async ({ page }) => {
|
|
await page.goto('/timer');
|
|
|
|
// 1. the URL points to the view
|
|
expect(page.url().includes('hideTimerSeconds=true')).not.toBeTruthy();
|
|
expect(page.url().includes('alias=testing')).not.toBeTruthy();
|
|
|
|
// open settings
|
|
await page.getByRole('button', { name: 'Toggle settings' }).click();
|
|
await page
|
|
.locator('div')
|
|
.filter({ hasText: /^testingApply$/ })
|
|
.getByRole('button')
|
|
.click();
|
|
await expect(page.getByRole('button', { name: 'Applied' })).toBeVisible();
|
|
|
|
// 2. the URL contains the preset
|
|
expect(page.url().includes('hideTimerSeconds=true')).toBeTruthy();
|
|
expect(page.url().includes('alias=testing')).toBeTruthy();
|
|
});
|
|
|
|
test('Sharing a link to an unwrapped preset', async ({ page }) => {
|
|
await page.goto('/editor');
|
|
|
|
// open settings
|
|
await page.getByRole('button', { name: 'Toggle settings' }).click();
|
|
await page.getByRole('button', { name: 'Share link' }).click();
|
|
|
|
// select options
|
|
await page.getByRole('combobox').filter({ hasText: 'Timer' }).click();
|
|
await page.getByText('URL Preset: testing').click();
|
|
|
|
// create and verify link
|
|
await page.getByRole('button', { name: 'Create share link' }).click();
|
|
await expect(page.getByTestId('copy-link')).toContainText('testing');
|
|
await expect(page.getByTestId('copy-link')).not.toContainText('n=1');
|
|
|
|
// verify the preset
|
|
const generatedUrl = await page.getByTestId('copy-link').textContent();
|
|
await page.goto(generatedUrl);
|
|
|
|
// make sure preset works in mask mode
|
|
await expect(page.getByTestId('timer-view')).toBeVisible();
|
|
// the url unwraps the preset
|
|
expect(page.url().includes('hideTimerSeconds=true')).toBeTruthy();
|
|
expect(page.url().includes('alias=testing')).toBeTruthy();
|
|
expect(page.url().includes('/preset/testing')).not.toBeTruthy();
|
|
|
|
// the menus work
|
|
await expect(page.getByTestId('navigation__toggle-settings')).toBeVisible();
|
|
});
|
|
|
|
test('Sharing a link to a masked preset', async ({ page }) => {
|
|
await page.goto('/editor');
|
|
|
|
// open settings
|
|
await page.getByRole('button', { name: 'Toggle settings' }).click();
|
|
await page.getByRole('button', { name: 'Share link' }).click();
|
|
|
|
// select options
|
|
await page.getByRole('combobox').filter({ hasText: 'Timer' }).click();
|
|
await page.getByText('URL Preset: testing').click();
|
|
await page.getByTestId('lockNav').click();
|
|
await page.getByTestId('lockConfig').click();
|
|
|
|
// create and verify link
|
|
await page.getByRole('button', { name: 'Create share link' }).click();
|
|
await expect(page.getByTestId('copy-link')).toContainText('/preset/testing');
|
|
await expect(page.getByTestId('copy-link')).toContainText('/preset/testing');
|
|
await expect(page.getByTestId('copy-link')).toContainText('n=1');
|
|
|
|
// verify the preset
|
|
const generatedUrl = await page.getByTestId('copy-link').textContent();
|
|
await page.goto(generatedUrl);
|
|
|
|
// make sure preset works in mask mode
|
|
await expect(page.getByTestId('timer-view')).toBeVisible();
|
|
// the url masks the preset
|
|
expect(page.url().includes('hideTimerSeconds=true')).not.toBeTruthy();
|
|
expect(page.url().includes('alias=testing')).not.toBeTruthy();
|
|
expect(page.url().includes('/preset/testing')).toBeTruthy();
|
|
});
|
|
});
|
|
|
|
test.describe('Sharing from cuesheet', () => {
|
|
test.beforeAll(async ({ browser }) => {
|
|
const context = await browser.newContext();
|
|
const page = await context.newPage();
|
|
await page.goto('/editor');
|
|
|
|
// we create some elements to test with
|
|
await page.getByRole('button', { name: 'Rundown menu' }).click();
|
|
await page.getByRole('menuitem', { name: 'Clear all' }).click();
|
|
await page.getByRole('button', { name: 'Delete all' }).click();
|
|
await page.getByRole('button', { name: 'Create Event' }).click();
|
|
await page.getByTestId('entry-1').getByTestId('entry__title').click();
|
|
await page.getByTestId('entry-1').getByTestId('entry__title').fill('title 1');
|
|
await page.getByTestId('entry-1').getByTestId('entry__title').press('Enter');
|
|
|
|
await page.close();
|
|
});
|
|
|
|
test('Sharing a link with readonly permissions', async ({ page }, testInfo) => {
|
|
const alias = `cuesheet-read-test-${testInfo.retry}-${Date.now()}`;
|
|
|
|
await page.goto('/cuesheet');
|
|
await expect(page.getByTestId('cuesheet')).toBeVisible();
|
|
|
|
await page.getByRole('button', { name: 'Share...' }).click();
|
|
|
|
// configure share for readonly
|
|
await page.locator('input[name="alias"]').fill(alias);
|
|
await page.getByText('Custom write').click();
|
|
await page.getByText('Custom read').click();
|
|
await page.getByTestId('lockNav').click();
|
|
await page.getByTestId('write-flag').click();
|
|
await page.getByTestId('write-cue').click();
|
|
await page.getByTestId('write-title').click();
|
|
await page.getByTestId('write-timeStart').click();
|
|
await page.getByTestId('write-timeEnd').click();
|
|
await page.getByTestId('write-duration').click();
|
|
await page.getByTestId('write-note').click();
|
|
|
|
// disable any custom write permissions if they exist
|
|
const customWriteSwitches = page.locator('[data-testid^="write-custom-"]');
|
|
const customWriteSwitchCount = await customWriteSwitches.count();
|
|
for (let i = 0; i < customWriteSwitchCount; i++) {
|
|
await customWriteSwitches.nth(i).click();
|
|
}
|
|
|
|
// create and verify link
|
|
await page.getByRole('button', { name: 'Create share link' }).click();
|
|
await expect(page.getByTestId('copy-link')).toContainText(`preset/${alias}`);
|
|
await expect(page.getByTestId('copy-link')).toContainText('n=1');
|
|
|
|
// verify the preset
|
|
const generatedUrl = await page.getByTestId('copy-link').textContent();
|
|
await page.goto(generatedUrl);
|
|
|
|
// the menu is locked and we cant make shares
|
|
await expect(page.getByTestId('cuesheet')).toBeVisible();
|
|
await expect(page.getByTestId('navigation__toggle-settings')).toBeHidden();
|
|
await expect(page.getByRole('button', { name: 'Share...' })).toBeHidden();
|
|
|
|
// mode toggle should not be rendered for readonly users
|
|
await expect(page.getByRole('button', { name: 'Edit' })).toHaveCount(0);
|
|
await expect(page.getByRole('button', { name: 'Run' })).toHaveCount(0);
|
|
|
|
// Verify that the title is visible but not editable
|
|
await expect(page.getByTestId('cuesheet-event').getByText('title 1')).toBeVisible();
|
|
await expect(page.getByTestId('cuesheet-event').locator('input')).toBeHidden();
|
|
|
|
// other elements are still there
|
|
await expect(page.getByTestId('cuesheet-cell-duration')).toBeVisible();
|
|
});
|
|
|
|
test('Sharing a link with scoped read-write permissions', async ({ page }, testInfo) => {
|
|
const alias = `cuesheet-scope-test-${testInfo.retry}-${Date.now()}`;
|
|
|
|
await page.goto('/cuesheet');
|
|
await expect(page.getByTestId('cuesheet')).toBeVisible();
|
|
|
|
await page.getByRole('button', { name: 'Share...' }).click();
|
|
|
|
// configure share for readonly
|
|
await page.locator('input[name="alias"]').fill(alias);
|
|
await page.getByText('Custom write').click();
|
|
await page.getByText('Custom read').click();
|
|
await page.getByTestId('lockNav').click();
|
|
await page.getByTestId('write-flag').click();
|
|
await page.getByTestId('write-cue').click();
|
|
await page.getByTestId('write-timeStart').click();
|
|
await page.getByTestId('write-timeEnd').click();
|
|
await page.getByTestId('write-duration').click();
|
|
await page.getByTestId('write-note').click();
|
|
await page.getByTestId('read-flag').click();
|
|
await page.getByTestId('read-cue').click();
|
|
await page.getByTestId('read-timeStart').click();
|
|
await page.getByTestId('read-timeEnd').click();
|
|
await page.getByTestId('read-duration').click();
|
|
await page.getByTestId('read-note').click();
|
|
|
|
// create and verify link
|
|
await page.getByRole('button', { name: 'Create share link' }).click();
|
|
await expect(page.getByTestId('copy-link')).toContainText(`preset/${alias}`);
|
|
await expect(page.getByTestId('copy-link')).toContainText('n=1');
|
|
|
|
// verify the preset
|
|
const generatedUrl = await page.getByTestId('copy-link').textContent();
|
|
await page.goto(generatedUrl);
|
|
|
|
// the menu is locked and we cant make shares
|
|
await expect(page.getByTestId('cuesheet')).toBeVisible();
|
|
await expect(page.getByTestId('navigation__toggle-settings')).toBeHidden();
|
|
await expect(page.getByRole('button', { name: 'Share...' })).toBeHidden();
|
|
|
|
// check that we are locked and cannot edit
|
|
await page.getByRole('button', { name: 'Edit' }).click();
|
|
|
|
// Verify that the title is visible and editable
|
|
await expect(page.getByTestId('cuesheet-event').getByRole('cell', { name: 'title' })).toBeVisible();
|
|
const titleEditor = page.getByTestId('cuesheet-event').getByTestId('cuesheet-editor-title');
|
|
await titleEditor.click();
|
|
await expect(titleEditor).toBeEditable();
|
|
|
|
// other elements are not there
|
|
await expect(page.getByRole('cell', { name: 'Duration' })).toBeHidden();
|
|
});
|
|
});
|