src/third_party/WebKit/LayoutTests/fast/replaced/selection-rect-transform.html

   1 <html>
   2 <head>
   3     <style>
   4         img {
   5           margin-left: 50px;
   6           width: 100px;
   7           height: 100px;
   8           background-color: rgb(255,0,0);
   9           transform: rotate(45deg);
  10         }
  11         img::selection {
  12           background-color: rgb(0,195,0);
  13         }
  14     </style>
  15 </head>
  16 <body onload="getSelection().setBaseAndExtent(q, 0, q, 1)">
  17     <p>Tests selection painting on a transformed, replaced element<br>
  18       <a href="https://bugs.webkit.org/show_bug.cgi?id=15739">https://bugs.webkit.org/show_bug.cgi?id=15739</a>
  19     </p>
  20     <p>You should see a dark green square rotated 45&deg;. If you see any red, the test failed.
  21     <div style="padding-top: 50px;">
  22         <img id="q">
  23     </div>
  24 </body>
  25 </html>