ontime/e2e/tests/features/210-client-remote.spec.ts

import { expect, test } from '@playwright/test';

test('redirect', async ({ context }) => {
  const controllerPage = await context.newPage();
  const remotePage = await context.newPage();

  await controllerPage.goto('http://localhost:4001/editor?settings=network__clients');
  await remotePage.goto('http://localhost:4001/timer');

  await controllerPage.getByTestId('not-self-redirect').click();
  await controllerPage.getByRole('textbox', { name: 'http://localhost:' }).click();
  await controllerPage.getByRole('textbox', { name: 'http://localhost:' }).fill('studio');
  await controllerPage.getByLabel('Redirect', { exact: true }).click();

  await expect(remotePage.getByTestId('studio-view')).toBeVisible();
});

test('identify', async ({ context }) => {
  const controllerPage = await context.newPage();
  const remotePage = await context.newPage();

  await controllerPage.goto('http://localhost:4001/editor?settings=network__clients');
  await remotePage.goto('http://localhost:4001/timer');

  await controllerPage.getByTestId('not-self-identify').click();

  await expect(remotePage.getByTestId('identify-overlay')).toBeVisible();
});

test('rename', async ({ context }) => {
  const controllerPage = await context.newPage();
  const remotePage = await context.newPage();

  await controllerPage.goto('http://localhost:4001/editor?settings=network__clients');
  await remotePage.goto('http://localhost:4001/timer');

  await controllerPage.getByTestId('not-self-rename').click();
  await controllerPage.getByPlaceholder('new name').click();
  await controllerPage.getByPlaceholder('new name').fill('test');
  await controllerPage.getByRole('button', { name: 'Submit' }).click();
  await controllerPage.getByTestId('not-self-identify').click();

  await expect(remotePage.getByTestId('identify-overlay')).toContainText('test');
});