mrleo1nid
0a05bfe2cd
ci / module boundaries / boundaries (push) Successful in 7s
ci / api / api (push) Successful in 1m9s
ci / mobile / mobile (Metro-бандл Android) (push) Successful in 1m8s
ci / contract / contract (сгенерированный код совпадает с openapi.yaml) (push) Successful in 1m23s
ci / db / db (push) Successful in 2m29s
ci / ts / ts (packages + web) (push) Successful in 2m55s
59 lines
4.5 KiB
TypeScript
59 lines
4.5 KiB
TypeScript
import { expect, test } from '@playwright/test';
|
|
|
|
for (const width of [320, 1280]) {
|
|
test(`playlists at ${width}px`, async ({ page }, info) => {
|
|
await page.setViewportSize({ width, height: 900 });
|
|
await page.context().grantPermissions(['clipboard-read', 'clipboard-write']);
|
|
await page.addInitScript(() => localStorage.setItem('pipu.locale', 'ru'));
|
|
await page.goto('/login');
|
|
await page.getByLabel('Логин', { exact: true }).fill('alice');
|
|
await page.getByRole('textbox', { name: 'Пароль', exact: true }).fill('alice-password');
|
|
await page.getByRole('button', { name: 'Войти', exact: true }).click();
|
|
if (width < 768) await page.getByRole('button', { name: 'Ещё', exact: true }).click();
|
|
await page.getByRole('link', { name: 'Плейлисты', exact: true }).click();
|
|
const playlistsHeader = page.locator('header').filter({
|
|
has: page.getByRole('heading', { name: 'Плейлисты', exact: true }),
|
|
});
|
|
await playlistsHeader.getByRole('button', { name: 'Создать плейлист', exact: true }).click();
|
|
await page.getByLabel('Название', { exact: true }).fill('Музыка для долгой дороги');
|
|
await page.getByLabel('Описание', { exact: true }).fill('Любимые песни всегда рядом');
|
|
await page.getByRole('button', { name: 'Сохранить', exact: true }).click();
|
|
await expect(page.getByRole('heading', { name: 'Музыка для долгой дороги' })).toBeVisible();
|
|
await page.getByRole('combobox', { name: 'Поиск', exact: true }).fill('кино');
|
|
await page.getByRole('combobox', { name: 'Поиск', exact: true }).press('Enter');
|
|
await page.getByRole('listitem').first().click();
|
|
const player = page.getByRole('contentinfo', { name: 'Плеер' });
|
|
await player.getByRole('button', { name: 'Добавить в плейлист', exact: true }).click();
|
|
await page.getByRole('button', { name: /Музыка для долгой дороги · 0/ }).click();
|
|
await expect(page.getByRole('dialog')).toHaveCount(0);
|
|
if (width < 768) await page.getByRole('button', { name: 'Ещё', exact: true }).click();
|
|
await page.getByRole('link', { name: 'Плейлисты', exact: true }).click();
|
|
await page.getByRole('link', { name: /Музыка для долгой дороги/ }).click();
|
|
await page.getByRole('button', { name: 'Управлять треками' }).click();
|
|
await expect(page.getByRole('button', { name: /Убрать .* из плейлиста/ })).toBeVisible();
|
|
await page.getByRole('button', { name: 'Поделиться плейлистом', exact: true }).click();
|
|
await page.getByRole('dialog').getByRole('button', { name: 'Скопировать ссылку', exact: true }).click();
|
|
await expect(page.getByRole('button', { name: 'Ссылка скопирована', exact: true })).toBeVisible();
|
|
await page.getByRole('dialog').getByRole('button', { name: 'Закрыть', exact: true }).click();
|
|
const sharedUrl = await page.evaluate(() => navigator.clipboard.readText());
|
|
const shared = new URL(sharedUrl);
|
|
expect(shared.origin).toBe(new URL(page.url()).origin);
|
|
expect(shared.pathname).toMatch(/^\/shared\/playlist\/[a-f0-9-]+$/);
|
|
await expect(page.getByRole('button', { name: 'Отключить доступ по ссылке', exact: true })).toBeVisible();
|
|
|
|
await expect.poll(() => page.evaluate(() => {
|
|
const main = document.querySelector('main')!;
|
|
return Math.max(document.documentElement.scrollWidth - innerWidth, main.scrollWidth - main.clientWidth);
|
|
})).toBeLessThanOrEqual(1);
|
|
await page.screenshot({ path: info.outputPath('playlist.png') });
|
|
await page.getByRole('button', { name: 'Отключить доступ по ссылке', exact: true }).click();
|
|
await expect(page.getByRole('button', { name: 'Отключить доступ по ссылке', exact: true })).toHaveCount(0);
|
|
await page.getByRole('button', { name: 'Поделиться плейлистом', exact: true }).click();
|
|
await page.getByRole('dialog').getByRole('button', { name: 'Скопировать ссылку', exact: true }).click();
|
|
await expect(page.getByRole('button', { name: 'Ссылка скопирована', exact: true })).toBeVisible();
|
|
await page.getByRole('dialog').getByRole('button', { name: 'Закрыть', exact: true }).click();
|
|
expect(await page.evaluate(() => navigator.clipboard.readText())).not.toBe(sharedUrl);
|
|
|
|
});
|
|
}
|