summaryrefslogtreecommitdiffstats
path: root/layout/inspector/tests/test_containing_block_of.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/inspector/tests/test_containing_block_of.html')
-rw-r--r--layout/inspector/tests/test_containing_block_of.html34
1 files changed, 34 insertions, 0 deletions
diff --git a/layout/inspector/tests/test_containing_block_of.html b/layout/inspector/tests/test_containing_block_of.html
new file mode 100644
index 0000000000..e9f0414755
--- /dev/null
+++ b/layout/inspector/tests/test_containing_block_of.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>Test InspectorUtils.containingBlockOf</title>
+<script src="/tests/SimpleTest/SimpleTest.js"></script>
+<style>
+ #positioned-grid {
+ display: grid;
+ position: relative;
+ }
+ .abs {
+ position: absolute;
+ }
+ .fixed {
+ position: fixed;
+ }
+</style>
+<div id="positioned-grid">
+ <div class="item">
+ <div class="abs"></div>
+ <div class="fixed"></div>
+ </div>
+</div>
+<script>
+const InspectorUtils = SpecialPowers.InspectorUtils;
+const abs = document.querySelector(".abs");
+const fixed = document.querySelector(".fixed");
+const grid = document.querySelector("#positioned-grid");
+is(InspectorUtils.containingBlockOf(fixed), null, "CB of fixed pos is the viewport");
+is(SpecialPowers.unwrap(InspectorUtils.containingBlockOf(abs)), grid, "CB of abspos is the grid container");
+const item = document.querySelector(".item");
+item.style.willChange = "transform";
+is(SpecialPowers.unwrap(InspectorUtils.containingBlockOf(fixed)), item, "Transformed element is the cb of fixed pos elements");
+is(SpecialPowers.unwrap(InspectorUtils.containingBlockOf(abs)), item, "Transformed element is the cb of abspos elements");
+</script>