feat: support reducedContrast in Page.emulateVisionDeficiency (#13408)

OrKoN · web-flow · commit 18e3e6a42c95 · 2024-12-16T08:09:40.000Z
diff --git a/docs/api/puppeteer.page.emulatevisiondeficiency.md b/docs/api/puppeteer.page.emulatevisiondeficiency.md
@@ -68,6 +68,9 @@ import puppeteer from 'puppeteer';
   await page.emulateVisionDeficiency('blurredVision');
   await page.screenshot({path: 'blurred-vision.png'});
 
+  await page.emulateVisionDeficiency('reducedContrast');
+  await page.screenshot({path: 'reduced-contrast.png'});
+
   await browser.close();
 })();
 ```
diff --git a/packages/puppeteer-core/src/api/Page.ts b/packages/puppeteer-core/src/api/Page.ts
@@ -2128,6 +2128,9 @@ export abstract class Page extends EventEmitter<PageEvents> {
    *   await page.emulateVisionDeficiency('blurredVision');
    *   await page.screenshot({path: 'blurred-vision.png'});
    *
+   *   await page.emulateVisionDeficiency('reducedContrast');
+   *   await page.screenshot({path: 'reduced-contrast.png'});
+   *
    *   await browser.close();
    * })();
    * ```
diff --git a/packages/puppeteer-core/src/cdp/EmulationManager.ts b/packages/puppeteer-core/src/cdp/EmulationManager.ts
@@ -385,6 +385,7 @@ export class EmulationManager implements ClientProvider {
       'blurredVision',
       'deuteranopia',
       'protanopia',
+      'reducedContrast',
       'tritanopia',
     ]);
     assert(
diff --git a/test/golden-chrome/vision-deficiency-reducedContrast.png b/test/golden-chrome/vision-deficiency-reducedContrast.png
diff --git a/test/src/emulation.spec.ts b/test/src/emulation.spec.ts
@@ -504,6 +504,12 @@ describe('Emulation', () => {
         const screenshot = await page.screenshot();
         expect(screenshot).toBeGolden('screenshot-sanity.png');
       }
+
+      {
+        await page.emulateVisionDeficiency('reducedContrast');
+        const screenshot = await page.screenshot();
+        expect(screenshot).toBeGolden('vision-deficiency-reducedContrast.png');
+      }
     });
 
     it('should throw for invalid vision deficiencies', async () => {
