third_party/WebKit/LayoutTests/paint/invalidation/spv2/shadow-box-resize-writing-mode.html

   1 <!-- Based on fast/box-shadow/shadow-box-resize-writing-mode.html -->
   2 <!DOCTYPE html>
   3 <script src="resources/paint-invalidation-test.js"></script>
   4 <script>
   5 window.expectedPaintInvalidationObjects = [
   6     "LayoutBlockFlow (positioned) DIV id='target1'",
   7     "LayoutBlockFlow (positioned) DIV id='target2'",
   8     "LayoutBlockFlow (positioned) DIV id='target3'",
   9     "LayoutBlockFlow (positioned) DIV id='target4'",
  10 ];
  11 function paintInvalidationTest()
  12 {
  13     document.getElementById('target1').style.width = '150px';
  14     document.getElementById('target2').style.width = '50px';
  15     document.getElementById('target3').style.height = '150px';
  16     document.getElementById('target4').style.height = '50px';
  17 }
  18 window.onload = runPaintInvalidationTest;
  19 </script>
  20 <style>
  21 body {
  22     margin: 0;
  23 }
  24 div {
  25     position: absolute;
  26     width: 100px;
  27     height: 100px;
  28     background-color: green;
  29     box-shadow: 40px 20px black;
  30     -webkit-writing-mode: vertical-rl;
  31 }
  32 #target1 {
  33     top: 100px;
  34     left: 100px;
  35 }
  36 #target2 {
  37     top: 100px;
  38     left: 300px;
  39 }
  40 #target3 {
  41     top: 300px;
  42     left: 100px;
  43 }
  44 #target4 {
  45     top: 300px;
  46     left: 300px;
  47 }
  48 </style>
  49 <div id="target1"></div>
  50 <div id="target2"></div>
  51 <div id="target3"></div>
  52 <div id="target4"></div>