third_party/WebKit/LayoutTests/editing/selection/transformed-selection-rects.html

   1 <html>
   2 <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   3   <style type="text/css" media="screen">
   4     .transformed {
   5       width: 600px;
   6       margin: 20px;
   7       padding: 10px;
   8       font-size: 18pt;
   9       -webkit-transform-origin: top left;
  10       transform: rotate(10deg);
  11       border: 1px solid black;
  12     }
  13     #test {
  14       font-weight: bold;
  15     }
  16   </style>
  17 <script src="../editing.js" language="JavaScript" type="text/JavaScript" ></script>
  18 <script>
  19 if (window.internals)
  20     internals.settings.setEditingBehavior('mac');
  21 function editingTest() {
  22     if (window.testRunner)
  23         window.testRunner.dumpSelectionRect();
  24
  25     var testNode = document.getElementById('test');
  26     setSelectionCommand(testNode, 0, testNode, 0);
  27     extendSelectionForwardByWordCommand();
  28 }
  29 </script>
  30 </head>
  31 <body>
  32
  33   <p>Tests that selection rects take transforms into account. The red box should be the bounds of the transformed selection.</p>
  34   <div class="transformed">
  35     <p>Lorem ipsum <span id="test">dolor sit amet, consectetur adipisicing</span> elit.</p>
  36   </div>
  37
  38 <script>runEditingTest()</script>
  39 </body>
  40
  41 </html>