1 files changed, 31 insertions, 0 deletions
diff --git a/testing/marionette/harness/marionette_harness/tests/unit/test_chrome_element_css.py b/testing/marionette/harness/marionette_harness/tests/unit/test_chrome_element_css.py
new file mode 100644
index 0000000000..cbf326844e
--- /dev/null
+++ b/testing/marionette/harness/marionette_harness/tests/unit/test_chrome_element_css.py
@@ -0,0 +1,31 @@
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+from marionette_driver.by import By
+
+from marionette_harness import MarionetteTestCase
+
+
+class TestChromeElementCSS(MarionetteTestCase):
+    def get_element_computed_style(self, element, property):
+        return self.marionette.execute_script(
+            """
+            const [el, prop] = arguments;
+            const elStyle = window.getComputedStyle(el);
+            return elStyle[prop];""",
+            script_args=(element, property),
+            sandbox=None,
+        )
+
+    def test_we_can_get_css_value_on_chrome_element(self):
+        with self.marionette.using_context("chrome"):
+            identity_icon = self.marionette.find_element(By.ID, "identity-icon")
+            favicon_image = identity_icon.value_of_css_property("list-style-image")
+            self.assertIn("chrome://", favicon_image)
+            identity_box = self.marionette.find_element(By.ID, "identity-box")
+            expected_bg_colour = self.get_element_computed_style(
+                identity_box, "backgroundColor"
+            )
+            actual_bg_colour = identity_box.value_of_css_property("background-color")
+            self.assertEqual(expected_bg_colour, actual_bg_colour)