yujunjun/playwright
1
0
Fork 0
mirror of https://github.com/microsoft/playwright.git synced 2025-06-26 21:40:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

test: add test reduced motion reset (#31364)

Browse Source 
References https://github.com/microsoft/playwright/issues/31328
This commit is contained in:
Andrey Lushnikov 2024-06-18 17:01:35 +01:00 committed by GitHub
parent e1e6c28722
commit acf1b1f88c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
tests/page/page-emulate-media.spec.ts
View File

@ -124,6 +124,30 @@ it('should emulate reduced motion', async ({ page }) => {
await page.emulateMedia({ reducedMotion: null }); await page.emulateMedia({ reducedMotion: null });
}); });
it('should keep reduced motion and color emulation after reload', async ({ page, server, browserName }) => {
it.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/31328' });
it.fixme(browserName === 'firefox');
// Pre-conditions
expect(await page.evaluate(() => matchMedia('(prefers-reduced-motion: reduce)').matches)).toEqual(false);
expect(await page.evaluate(() => matchMedia('(forced-colors: active)').matches)).toBe(false);
// Emulation
await page.emulateMedia({ forcedColors: 'active', reducedMotion: 'reduce' });
expect(await page.evaluate(() => matchMedia('(prefers-reduced-motion: reduce)').matches)).toEqual(true);
expect(await page.evaluate(() => matchMedia('(forced-colors: active)').matches)).toBe(true);
// Force CanonicalBrowsingContext replacement in Firefox.
server.setRoute('/empty.html', (req, res) => {
res.setHeader('Cross-Origin-Opener-Policy', 'same-origin');
res.end();
});
await page.goto(server.EMPTY_PAGE);
expect(await page.evaluate(() => matchMedia('(prefers-reduced-motion: reduce)').matches)).toEqual(true);
expect(await page.evaluate(() => matchMedia('(forced-colors: active)').matches)).toBe(true);
});
it('should emulate forcedColors ', async ({ page, browserName }) => { it('should emulate forcedColors ', async ({ page, browserName }) => {
expect(await page.evaluate(() => matchMedia('(forced-colors: none)').matches)).toBe(true); expect(await page.evaluate(() => matchMedia('(forced-colors: none)').matches)).toBe(true);
await page.emulateMedia({ forcedColors: 'none' }); await page.emulateMedia({ forcedColors: 'none' });