third_party/WebKit/LayoutTests/fast/backgrounds/multiple-backgrounds-assert.html

   1 <!DOCTYPE>
   2
   3 <html lang="en">
   4 <head>
   5   <title>Test mismatched backgrounds</title>
   6   <style type="text/css" media="screen">
   7     .box {
   8       height: 100px;
   9       width: 100px;
  10       margin: 10px;
  11       border: 1px solid black;
  12       background-repeat: no-repeat;
  13     }
  14
  15     /* Mismatched layers */
  16     #box {
  17       background-image: url('repeat/resources/white.gif');
  18     }
  19
  20     #box.final {
  21       background-image: url('repeat/resources/white.gif'), url('repeat/resources/white.gif');
  22     }
  23
  24   </style>
  25
  26   <script type="text/javascript" charset="utf-8">
  27
  28     if (window.testRunner) {
  29       testRunner.dumpAsText();
  30       testRunner.waitUntilDone();
  31     }
  32
  33     function runTest()
  34     {
  35       document.getElementById('box').className = 'box final';
  36       window.setTimeout(function() {
  37         document.getElementById('box').style.display = 'none';
  38         if (window.testRunner)
  39           testRunner.notifyDone();
  40       }, 0);
  41     }
  42
  43     window.addEventListener('load', runTest, false);
  44   </script>
  45 </head>
  46 <body>
  47
  48   <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=28295">https://bugs.webkit.org/show_bug.cgi?id=28295</a>; should not assert.</p>
  49   <div id="box" class="box"></div>
  50
  51 </body>
  52 </html>