tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

test_containing_block_of.html (1178B)

      1 <!doctype html>
      2 <meta charset="utf-8">
      3 <title>Test InspectorUtils.containingBlockOf</title>
      4 <script src="/tests/SimpleTest/SimpleTest.js"></script>
      5 <style>
      6  #positioned-grid {
      7    display: grid;
      8    position: relative;
      9  }
     10  .abs {
     11    position: absolute;
     12  }
     13  .fixed {
     14    position: fixed;
     15  }
     16 </style>
     17 <div id="positioned-grid">
     18  <div class="item">
     19    <div class="abs"></div>
     20    <div class="fixed"></div>
     21  </div>
     22 </div>
     23 <script>
     24 const InspectorUtils = SpecialPowers.InspectorUtils;
     25 const abs = document.querySelector(".abs");
     26 const fixed = document.querySelector(".fixed");
     27 const grid = document.querySelector("#positioned-grid");
     28 is(InspectorUtils.containingBlockOf(fixed), null, "CB of fixed pos is the viewport");
     29 is(SpecialPowers.unwrap(InspectorUtils.containingBlockOf(abs)), grid, "CB of abspos is the grid container");
     30 const item = document.querySelector(".item");
     31 item.style.willChange = "transform";
     32 is(SpecialPowers.unwrap(InspectorUtils.containingBlockOf(fixed)), item, "Transformed element is the cb of fixed pos elements");
     33 is(SpecialPowers.unwrap(InspectorUtils.containingBlockOf(abs)), item, "Transformed element is the cb of abspos elements");
     34 </script>