81 lines
4.6 KiB
JavaScript
81 lines
4.6 KiB
JavaScript
const assert = require('node:assert/strict');
|
|
const { chromium } = require(process.env.PLAYWRIGHT_PACKAGE || 'playwright');
|
|
const base = process.env.REVIEW_BASE || 'http://localhost:3114';
|
|
|
|
(async () => {
|
|
const browser = await chromium.launch();
|
|
try {
|
|
const context = await browser.newContext();
|
|
await context.addCookies([{ name: 'magent_logged_in', value: '1', url: base }]);
|
|
const writes = [];
|
|
const errors = [];
|
|
await context.route('**/api/**', async route => {
|
|
const request = route.request();
|
|
const path = new URL(request.url()).pathname;
|
|
const reply = json => route.fulfill({ json });
|
|
if (path === '/api/auth/me') return reply({ username: 'Viewer', role: 'user', features: { requests: true, new_requests: true, stats: true, issues: true, invites: true } });
|
|
if (path === '/api/site/info') return reply({ mediaServerUrl: 'https://watch.example.test/' });
|
|
if (path === '/api/requests/search') return reply({ results: [
|
|
{ title: 'Drive', type: 'movie', tmdbId: 64690, year: 2011, requestId: 42, statusLabel: 'Ready to watch' },
|
|
{ title: 'Drive Away Dolls', type: 'movie', tmdbId: 957304, year: 2024 },
|
|
] });
|
|
if (path === '/api/requests/42/snapshot') return reply({
|
|
request_id: '42', title: 'Drive', year: 2011, request_type: 'movie', state: 'AVAILABLE', timeline: [], actions: [],
|
|
presentation: {
|
|
status: { label: 'Available to watch', meaning: 'Collection is complete and the title is available on the media server.' },
|
|
nextStep: { title: 'Ready to watch', description: 'Open the title when you are ready.', actionIds: [] },
|
|
pipeline: [{ id: 'available', label: 'Available to watch', state: 'complete', summary: 'Ready', link: 'https://watch.example.test/movie/drive' }],
|
|
},
|
|
});
|
|
if (path === '/api/requests/42/language') return reply({ language: null });
|
|
if (path === '/api/portal/items' && request.method() === 'POST') {
|
|
writes.push(request.postDataJSON());
|
|
return reply({ item: { id: 73 } });
|
|
}
|
|
return reply({});
|
|
});
|
|
|
|
const page = await context.newPage();
|
|
page.on('pageerror', error => errors.push(error.message));
|
|
for (const width of [1440, 390]) {
|
|
await page.setViewportSize({ width, height: 950 });
|
|
await page.goto(base + '/requests/42');
|
|
await page.getByText('Watch this now!', { exact: true }).waitFor();
|
|
assert.equal(await page.getByRole('heading', { name: 'Where your request is now' }).count(), 0);
|
|
assert.equal(await page.getByRole('link', { name: /Watch on Grizzlyflix/ }).getAttribute('href'), 'https://watch.example.test/movie/drive');
|
|
|
|
const search = page.getByRole('combobox', { name: 'Search titles or requests' });
|
|
assert(await search.isVisible());
|
|
await search.fill('Drive');
|
|
await page.getByRole('option', { name: /Drive.*Ready to watch/ }).waitFor();
|
|
await page.keyboard.press('Escape');
|
|
|
|
await page.getByRole('button', { name: "Tell us what's wrong" }).click();
|
|
const dialog = page.getByRole('dialog', { name: "What's wrong?" });
|
|
await dialog.getByText('Drive (2011)', { exact: true }).waitFor();
|
|
await dialog.getByLabel('Tell us what happened').fill('The movie freezes at 42 minutes.');
|
|
await dialog.getByRole('button', { name: 'Send report' }).click();
|
|
await page.getByRole('heading', { name: "Thanks, we've got it" }).waitFor();
|
|
await page.getByRole('button', { name: 'Done' }).click();
|
|
assert(await page.evaluate(() => document.documentElement.scrollWidth <= innerWidth));
|
|
|
|
if (width === 1440) {
|
|
const labels = await page.locator('.header-actions a').allTextContents();
|
|
assert(labels.indexOf('New Requests') < labels.indexOf('My Requests'));
|
|
assert(labels.indexOf('My Requests') < labels.indexOf('My Stats'));
|
|
}
|
|
}
|
|
|
|
await page.goto(base + '/welcome');
|
|
await page.getByRole('heading', { name: 'View stats & requests' }).waitFor();
|
|
await page.getByText('Check your viewing stats, follow your requests, or make a new one.', { exact: true }).waitFor();
|
|
|
|
assert.equal(writes.length, 2);
|
|
assert(writes.every(write => write.kind === 'issue' && write.title === 'Problem with Drive' && write.external_ref === '/requests/42' && write.description === 'The movie freezes at 42 minutes.'));
|
|
assert.deepEqual(errors, []);
|
|
console.log('Passed: completed request actions, linked issue dialog, global search, navigation order, welcome copy, and desktop/mobile overflow. APIs intercepted.');
|
|
} finally {
|
|
await browser.close();
|
|
}
|
|
})().catch(error => { console.error(error); process.exitCode = 1; });
|