Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / repaint / justify-self-change.html
blobc9008050862f7249c3ef7f07cbcfb629d5db1dbc
1 <!DOCTYPE HTML>
2 <script src="resources/text-based-repaint.js"></script>
3 <script>
4 function repaintTest() {
5 document.getElementsByClassName('item1')[0].style.justifySelf = 'start';
6 document.getElementsByClassName('item2')[0].style.justifySelf = 'end';
8 onload = runRepaintTest;
9 </script>
10 <style>
11 body {
12 margin: 0;
14 #container {
15 display: grid;
16 grid: 100px 100px / 150px 150px;
17 justify-items: center;
18 width: 200px;
19 height: 300px;
20 background-color: red;
22 .item1 {
23 grid-row: 1;
24 grid-column: 1;
25 background-color: green;
26 border: solid thin blue;
27 width: 50px;
29 .item2 {
30 grid-row: 1;
31 grid-column: 2;
32 background-color: green;
33 border: solid thin blue;
34 width: 50px;
35 </style>
36 <p style="height: 20px">Tests invalidation on justify-self style change. Passes if there is no red.</p>
37 <div id="container">
38 <div class="item1">
39 <div style="height: 150px"></div>
40 </div>
41 <div class="item2">
42 <div style="height: 100px"></div>
43 </div>
44 </div>