LayoutTests/accessibility/smart-invert-reference-expected.html

   1 <html>
   2 <head>
   3 <title>Smart Invert Images and Video Test</title>
   4 <style type="text/css">
   5     /* Testing explicit author overrides. */
   6     .invert { filter: invert(1); }
   7     .no-invert { filter: none; }
   8     .preserve-filter { filter: grayscale(1); }
   9     #result { position: absolute; top: -5000px; }
  10 </style>
  11 </head>
  12 <body>
  13
  14   <img class="invert" src="../compositing/resources/simple_image.png" alt="">
  15   <picture class="invert" ><img class="fallback" src="../compositing/resources/simple_image.png" alt=""></picture>
  16   <video class="invert" poster="../compositing/resources/simple_image.png"></video>
  17   <video class="invert" poster="../compositing/resources/simple_image.png" controls></video>
  18   <br>
  19   <img class="no-invert" src="../compositing/resources/simple_image.png">
  20   <picture class="no-invert"><img class="fallback" src="../compositing/resources/simple_image.png" alt=""></picture>
  21   <video class="no-invert" poster="../compositing/resources/simple_image.png"></video>
  22   <video class="no-invert" poster="../compositing/resources/simple_image.png" controls></video>
  23   <br>
  24   <img class="preserve-filter" src="../compositing/resources/simple_image.png" alt="">
  25   <picture class="preserve-filter"><img class="fallback" src="../compositing/resources/simple_image.png" alt=""></picture>
  26   <video class="preserve-filter" poster="../compositing/resources/simple_image.png"></video>
  27   <video class="preserve-filter" poster="../compositing/resources/simple_image.png" controls></video>
  28
  29   <div id="result"></div>
  30 </body>
  31 </html>