third_party/WebKit/LayoutTests/fast/repaint/repaint-across-writing-mode-boundary.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <script src="resources/text-based-repaint.js"></script>
   5 <script>
   6 function repaintTest() {
   7     if (eventSender) {
   8         eventSender.mouseMoveTo(569, 189);
   9         eventSender.mouseDown();
  10         eventSender.mouseMoveTo(569, 189);
  11         eventSender.mouseMoveTo(569, 229);
  12         eventSender.mouseUp();
  13     }
  14 }
  15 </script>
  16
  17 <title>Repaint Test Across Writing Mode Boundaries</title>
  18 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  19
  20 <style type="text/css">
  21
  22 body {
  23   margin: 50px;
  24   font-size: 20px;
  25   font-family: Times;
  26 }
  27
  28 .lrblock {
  29   writing-mode: tb-lr;  /* IE */
  30   -webkit-writing-mode: vertical-lr;
  31   height: 275px;
  32   margin-bottom: 50px;
  33   padding: 1px;
  34   background-color: #eee;
  35 }
  36
  37 .basic {
  38   width: 275px;
  39   margin: 0;
  40   padding: 1px;
  41   writing-mode: lr-tb;  /* IE */
  42   -webkit-writing-mode: horizontal-tb;
  43 }
  44
  45 div.d0 {
  46   background-color: #fee;
  47 }
  48
  49 div.d1 {
  50   background-color: #ffe;
  51 }
  52
  53 p {
  54   margin: 10% 5% 10% 5%;
  55   background-color: #faa;
  56   border-left: 20px solid #f88;
  57   border-right: 20px solid #f88;
  58   line-height: 1em;
  59   padding: 1px;
  60 }
  61
  62 .vert {
  63   writing-mode: tb-rl;  /* IE */
  64   -webkit-writing-mode: vertical-rl;
  65 }
  66
  67 </style>
  68 </head>
  69 <body onload="runRepaintTest()">
  70
  71 <div class="lrblock">
  72 <div class="basic d0"><p>第一段落 paragraph 1</p><p>第二段落 paragraph 2</p></div>
  73 <div class="basic d1 vert"><p>第一段落 paragraph 1</p><p>第二段落 paragraph 2</p></div>
  74 </div>
  75
  76 </body>
  77 </html>