From 1455cae974aad0c60f000203bd43b29e367d2db0 Mon Sep 17 00:00:00 2001
From: Joel Einbinder <joel.einbinder@gmail.com>
Date: Fri, 24 Jul 2020 14:47:32 -0700
Subject: [PATCH] test(emulation): add failing test for setting dark theme in
 firefox (#3149)

---
 test/emulation.jest.js | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/test/emulation.jest.js b/test/emulation.jest.js
index 698d51492d..c39fbf782c 100644
--- a/test/emulation.jest.js
+++ b/test/emulation.jest.js
@@ -323,6 +323,38 @@ describe('Page.emulateMedia colorScheme', function() {
     expect(await frame.evaluate(() => matchMedia('(prefers-color-scheme: dark)').matches)).toBe(true);
     await page.close();
   });
+  it.fail(FFOX)('should change the actual colors in css', async({page}) => {
+    await page.setContent(`
+      <style>
+        @media (prefers-color-scheme: dark) {
+          div {
+            background: black;
+            color: white;
+          }
+        }
+        @media (prefers-color-scheme: light) {
+          div {
+            background: white;
+            color: black;
+          }
+        }
+
+      </style>
+      <div>Hello</div>
+    `);
+    function getBackgroundColor() {
+      return page.$eval('div', div => window.getComputedStyle(div).backgroundColor);
+    }
+
+    await page.emulateMedia({ colorScheme: "light" });
+    expect(await getBackgroundColor()).toBe('rgb(255, 255, 255)');
+
+    await page.emulateMedia({ colorScheme: "dark" });
+    expect(await getBackgroundColor()).toBe('rgb(0, 0, 0)');
+
+    await page.emulateMedia({ colorScheme: "light" });
+    expect(await getBackgroundColor()).toBe('rgb(255, 255, 255)');
+  })
 });
 
 describe('BrowserContext({timezoneId})', function() {