mirror of
https://github.com/4gray/iptvnator.git
synced 2026-10-08 17:06:15 -08:00
4grayandClaude Opus 5.5
b27aaa2247
The unit specs dispatch `animationend` on the dot span by hand, so a fill whose real event no longer reached the handler would still pass. The new Electron spec shortens `--hero-rotation-ms` and checks that the running `::before` fill advances the slide, that pause holds it and that Play resumes it. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
81 lines
3.0 KiB
TypeScript
81 lines
3.0 KiB
TypeScript
import { Page } from '@playwright/test';
|
|
import {
|
|
addXtreamPortal,
|
|
closeElectronApp,
|
|
expect,
|
|
goToDashboard,
|
|
launchElectronApp,
|
|
resetMockServers,
|
|
test,
|
|
waitForXtreamWorkspaceReady,
|
|
} from './electron-test-fixtures';
|
|
|
|
/** Index of the dot marked `aria-current`, i.e. the slide on screen. */
|
|
async function activeDotIndex(page: Page): Promise<number> {
|
|
return page
|
|
.getByTestId('dashboard-hero-dot')
|
|
.evaluateAll((dots) =>
|
|
dots.findIndex((dot) => dot.getAttribute('aria-current') === 'true')
|
|
);
|
|
}
|
|
|
|
test.describe('Dashboard hero rotation', () => {
|
|
// The unit tests dispatch `animationend` by hand. This drives the real
|
|
// CSS fill animation, whose `animationend` comes from the fill's
|
|
// `::before` and must still reach the span's handler.
|
|
test('advances when the dot fill animation ends and holds while paused', async ({
|
|
dataDir,
|
|
request,
|
|
}) => {
|
|
await resetMockServers(request, ['xtream']);
|
|
const app = await launchElectronApp(dataDir);
|
|
const page = app.mainWindow;
|
|
|
|
try {
|
|
// Xtream "recently added" titles alone give the hero several slides.
|
|
await addXtreamPortal(page);
|
|
await waitForXtreamWorkspaceReady(page);
|
|
await goToDashboard(page);
|
|
|
|
const hero = page.getByTestId('dashboard-hero');
|
|
await expect(hero).toBeVisible();
|
|
await expect
|
|
.poll(() => page.getByTestId('dashboard-hero-dot').count())
|
|
.toBeGreaterThanOrEqual(2);
|
|
// Keep the pointer off the hero: hovering it pauses the rotation.
|
|
await page.mouse.move(1, 1);
|
|
// A short interval so the test does not wait out 8 s per slide.
|
|
await hero.evaluate((element) =>
|
|
(element as HTMLElement).style.setProperty(
|
|
'--hero-rotation-ms',
|
|
'600ms'
|
|
)
|
|
);
|
|
|
|
const first = await activeDotIndex(page);
|
|
expect(first).toBeGreaterThanOrEqual(0);
|
|
await expect
|
|
.poll(() => activeDotIndex(page), { timeout: 10_000 })
|
|
.not.toBe(first);
|
|
|
|
const pause = page.getByTestId('dashboard-hero-pause');
|
|
await pause.click();
|
|
await expect(pause).toHaveAttribute('aria-pressed', 'true');
|
|
await page.mouse.move(1, 1);
|
|
const paused = await activeDotIndex(page);
|
|
// Several intervals: a running fill would have advanced by now.
|
|
await page.waitForTimeout(2_000);
|
|
expect(await activeDotIndex(page)).toBe(paused);
|
|
|
|
await pause.click();
|
|
await expect(pause).toHaveAttribute('aria-pressed', 'false');
|
|
await page.mouse.move(1, 1);
|
|
await expect
|
|
.poll(() => activeDotIndex(page), { timeout: 10_000 })
|
|
.not.toBe(paused);
|
|
} finally {
|
|
await closeElectronApp(app);
|
|
}
|
|
});
|
|
});
|