2 <script src=
"../../fast/repaint/resources/text-based-repaint.js"></script>
4 <!-- The second two divs form a combined squashing layer. display:none'ing the first of them will resize the squashing layer. -->
5 <div style=
"width: 500px; height: 500px; transform: translateZ(0)"></div>
6 <div style=
"position: absolute; top: 55px; left: 55px; width: 500px; height: 500px; background-color: lightblue"></div>
7 <div id=
"to-be-removed" style=
"position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; background-color: lightgray"></div>
10 // This test checks that resizing a squashing layer such that the offset of content squashed into it relative to the squashing
11 // container causes a repaint of its bounds within the updated squashing layer geometry.
12 function repaintTest() {
13 document
.querySelector("#to-be-removed").style
.display
= 'none';