src/third_party/WebKit/LayoutTests/fast/layers/geometry-map-transform-state-translation-mismatch.html

   1 <!DOCTYPE html>
   2 <html>
   3 <style>
   4 .wrapper {
   5   width: 200px;
   6   margin-left: 101.7px;
   7 }
   8
   9 .content {
  10   background: rgba(255, 0, 0, 0.2);
  11   transform: translateZ(0);
  12   width: 100px;
  13 }
  14
  15 .inner {
  16   background: rgba(0, 0, 255, 0.2);
  17   position: relative;
  18   left: -6.25px;
  19 }
  20 </style>
  21 <script>
  22 if (window.testRunner)
  23         testRunner.dumpAsText();
  24 </script>
  25 <body>
  26 <div id="description">This tests that RenderGeometryMap and TransformState both avoid pixel snapping prior to applying translation-only transforms.
  27 The test passes if it doesn't assert on Debug.</div>
  28 <div class="wrapper">
  29     <div class="content">
  30         <div class="inner"></div>
  31     </div>
  32 </div>
  33 </body>