src/third_party/WebKit/LayoutTests/fast/regions/region-styling/region-style-inline-background-color-expected.html

   1 <!doctype html>
   2 <html>
   3     <!--
   4     Ref test for https://bugs.webkit.org/show_bug.cgi?id=71488 (Add support for background-color in region styling).
   5     Setting the background color is not enabled for inline elements.
   6     You should not see any red background below.
   7     -->
   8     <head>
   9         <style>
  10             @font-face {
  11                 font-family: webkit-ahem;
  12                 font-style: normal;
  13                 src: url(../../../resources/Ahem.ttf);
  14             }
  15
  16             .regionBox { width: 300px; height: 50px; }
  17             span { font-family: webkit-ahem; -webkit-font-smoothing: none; }
  18
  19             #article1 { position: absolute; top: 10px; }
  20             #span1 { background-color: green; }
  21             @-webkit-region #region1 { #span1 { background-color: red; } }
  22
  23             #article2 { position: absolute; top: 70px; }
  24             #span2 { display: block; background-color: green; }
  25             @-webkit-region #region2 { #span2 { background-color: red; } }
  26         </style>
  27     </head>
  28     <body>
  29         <div id="article1" class="regionBox">
  30             <span id="span1">R: 00 G: 80 B: 00</span>
  31         </div>
  32
  33         <div id="article2" class="regionBox">
  34             <span id="span2">R: 00 G: 80 B: 00</span>
  35         </div>
  36         <script>
  37             document.getElementById("span2").style.display = "inline";
  38         </script>
  39     </body>
  40 </html>