1 files changed, 75 insertions, 0 deletions
diff --git a/devtools/client/inspector/rules/test/browser_rules_inactive_css_inline.js b/devtools/client/inspector/rules/test/browser_rules_inactive_css_inline.js
new file mode 100644
index 0000000000..2670e50d10
--- /dev/null
+++ b/devtools/client/inspector/rules/test/browser_rules_inactive_css_inline.js
@@ -0,0 +1,75 @@
+/* Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+// Test css properties that are inactive on block-level elements.
+
+const TEST_URI = `
+<style>
+#block {
+  border: 1px solid #000;
+  vertical-align: sub;
+}
+td {
+  vertical-align: super;
+}
+#flex {
+  display: inline-flex;
+  vertical-align: text-bottom;
+}
+</style>
+<h1 style="vertical-align:text-bottom;">browser_rules_inactive_css_inline.js</h1>
+<div id="block">Block</div>
+<table>
+  <tr><td>A table cell</td></tr>
+</table>
+<div id="flex">Inline flex element</div>
+`;
+
+const TEST_DATA = [
+  {
+    selector: "h1",
+    inactiveDeclarations: [
+      {
+        declaration: { "vertical-align": "text-bottom" },
+        ruleIndex: 0,
+      },
+    ],
+  },
+  {
+    selector: "#block",
+    inactiveDeclarations: [
+      {
+        declaration: { "vertical-align": "sub" },
+        ruleIndex: 1,
+      },
+    ],
+  },
+  {
+    selector: "td",
+    activeDeclarations: [
+      {
+        declarations: { "vertical-align": "super" },
+        ruleIndex: 1,
+      },
+    ],
+  },
+  {
+    selector: "#flex",
+    activeDeclarations: [
+      {
+        declarations: { "vertical-align": "text-bottom" },
+        ruleIndex: 1,
+      },
+    ],
+  },
+];
+
+add_task(async function () {
+  await pushPref("devtools.inspector.inactive.css.enabled", true);
+  await addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI));
+  const { inspector, view } = await openRuleView();
+
+  await runInactiveCSSTests(view, inspector, TEST_DATA);
+});