116 lines
6.7 KiB
JavaScript
116 lines
6.7 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 calls = [];
|
|
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/requests/42/issue-options') return reply({
|
|
request_id: '42', request_type: 'movie', title: 'Drive', can_act: true,
|
|
movie: { selected_label: 'Drive', has_file: true, missing: false, best_fit: true, file_id: 77 },
|
|
seasons: [], episodes: [],
|
|
});
|
|
if (path === '/api/portal/items' && request.method() === 'POST') {
|
|
calls.push({ path, body: request.postDataJSON() });
|
|
return reply({ item: { id: 73 } });
|
|
}
|
|
if (path === '/api/requests/42/actions/replace' && request.method() === 'POST') {
|
|
calls.push({ path, body: request.postDataJSON() });
|
|
return reply({ status: 'ok', message: 'Replacement queued.' });
|
|
}
|
|
if (path.includes('/events/stream')) return route.fulfill({ contentType: 'text/event-stream', body: ': fixture\n\n' });
|
|
if (path.includes('/branding/')) return route.fulfill({ status: 404 });
|
|
return reply({ navigation: { showRequests: true }, items: [], total: 0, services: [] });
|
|
});
|
|
|
|
const page = await context.newPage();
|
|
page.on('pageerror', error => errors.push(error.message));
|
|
const active = () => page.locator('.issue-procedure-step.is-current');
|
|
const visibleStep = async title => {
|
|
await active().getByRole('heading', { name: title, exact: true }).waitFor();
|
|
assert.equal(await page.locator('.issue-procedure-step.is-current').count(), 1);
|
|
};
|
|
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('link', { name: /Start issue report/ }).click();
|
|
await page.waitForURL('**/portal/issues?*');
|
|
assert.equal(new URL(page.url()).searchParams.get('reportRequest'), '42');
|
|
await visibleStep('What is wrong?');
|
|
await active().locator('.issue-prefilled-request').getByText('Drive (2011)', { exact: true }).waitFor();
|
|
await active().locator('.issue-prefilled-request').getByText(/Request #42 is already selected/).waitFor();
|
|
|
|
await active().getByRole('button').filter({ hasText: 'Picture or file is broken' }).click();
|
|
await visibleStep('What needs to be corrected?');
|
|
await active().getByRole('button', { name: 'Visual artefacts or corruption', exact: true }).click();
|
|
await active().getByRole('button', { name: 'Continue', exact: true }).click();
|
|
await visibleStep('Review and submit');
|
|
await active().getByRole('button', { name: /Submit/ }).click();
|
|
await visibleStep('What is wrong?');
|
|
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();
|
|
|
|
const issueCalls = calls.filter(call => call.path === '/api/portal/items');
|
|
const replaceCalls = calls.filter(call => call.path === '/api/requests/42/actions/replace');
|
|
assert.equal(issueCalls.length, 2);
|
|
assert.equal(replaceCalls.length, 2);
|
|
assert(issueCalls.every(({ body }) =>
|
|
body.kind === 'issue'
|
|
&& body.title === 'Replace media: Drive'
|
|
&& body.issue_type === 'broken_media'
|
|
&& body.external_ref === '/requests/42'
|
|
&& body.description.includes('Problem: Picture or file is broken')
|
|
&& body.description.includes('What needs correction: Visual artefacts or corruption')
|
|
&& body.description.includes('Magent request: #42')));
|
|
assert(replaceCalls.every(({ body }) =>
|
|
JSON.stringify(body) === JSON.stringify({ issue_id: 73, file_ids: [77], confirmed: true })));
|
|
assert.deepEqual(errors, []);
|
|
console.log('Passed: completed requests hand off to the guided issue pipeline, create linked issues, start repairs, and preserve global navigation on desktop/mobile. APIs intercepted.');
|
|
} finally {
|
|
await browser.close();
|
|
}
|
|
})().catch(error => { console.error(error); process.exitCode = 1; });
|