From 36d22d82aa202bb199967e9512281e9a53db42c9 Mon Sep 17 00:00:00 2001
From: Daniel Baumann <daniel.baumann@progress-linux.org>
Date: Sun, 7 Apr 2024 21:33:14 +0200
Subject: Adding upstream version 115.7.0esr.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
---
 .../tests/test_getCSSStyleRules_slotted.html       | 57 ++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 layout/inspector/tests/test_getCSSStyleRules_slotted.html

(limited to 'layout/inspector/tests/test_getCSSStyleRules_slotted.html')
diff --git a/layout/inspector/tests/test_getCSSStyleRules_slotted.html b/layout/inspector/tests/test_getCSSStyleRules_slotted.html
new file mode 100644
index 0000000000..9fecb9bf5f
--- /dev/null
+++ b/layout/inspector/tests/test_getCSSStyleRules_slotted.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<title>Test getCSSStyleRules for pseudo elements</title>
+<script src="/tests/SimpleTest/SimpleTest.js"></script>
+<link rel="stylesheet" href="/tests/SimpleTest/test.css">
+
+<div id="host">
+  <test-element id="test1" slot="slot1">test1</test-element>
+  <test-element id="test2" slot="slot2">test2</test-element>
+</div>
+
+<script>
+  const host = document.getElementById("host");
+  const shadow = host.attachShadow({ mode: "open" });
+  shadow.innerHTML = `
+    <style>
+      #outer ::slotted(test-element) {
+        color: red;
+      }
+    </style>
+    <div id="outer">
+      <slot name="slot1"></slot>
+    </div>
+    <div id="nested">
+      <slot name="slot2"></slot>
+    </div>
+  `;
+
+  const nested = shadow.querySelector("#nested").attachShadow({ mode: "open" });
+  nested.innerHTML = `
+    <style>
+      #inner ::slotted(test-element) {
+        font-weight: bold;
+      }
+    </style>
+    <div id="inner">
+      <slot></slot>
+    </div>
+  `;
+
+  const InspectorUtils = SpecialPowers.InspectorUtils;
+
+  function checkElementRules(id, text, property) {
+    const element = document.getElementById(id);
+    let slottedRules = InspectorUtils.getCSSStyleRules(element);
+    is(slottedRules.length, 1, "Slotted element has expected number of rules.");
+
+    let slottedText = slottedRules[0].cssText;
+    ok(slottedText.includes(text), "Slotted node has expected style content.");
+    ok(slottedText.includes(property), "Has expected property.");
+  }
+
+  info("Check that slotted rules are retrieved");
+  checkElementRules("test1", "#outer ::slotted(test-element)", "color");
+
+  info("Check that slotted rules are also retrieved for nested slots");
+  checkElementRules("test2", "#inner ::slotted(test-element)", "font-weight");
+</script>
-- 
cgit v1.2.3

