LayoutTests/media/audio-controls-rendering.html

   1 <html>
   2     <head>
   3         <style>
   4             audio { background-color: blue; }
   5         </style>
   6         <script src=media-file.js></script>
   7         <script>
   8             function test()
   9             {
  10                 setSrcByTagName("audio", findMediaFile("audio", "content/test"));
  11
  12                 if (window.layoutTestController) {
  13                     layoutTestController.waitUntilDone();
  14                     setTimeout(function() {
  15                         document.body.appendChild(document.createTextNode('FAIL'));
  16                         if (window.layoutTestController)
  17                                 layoutTestController.notifyDone();
  18                     } , 8000);
  19                 }
  20                 var count = document.getElementsByTagName('audio').length;
  21                 document.addEventListener("canplaythrough", function () {
  22                     if (!--count) {
  23                         document.body.offsetLeft;
  24                         if (window.layoutTestController)
  25                             layoutTestController.notifyDone();
  26                     }
  27                 }, true);
  28             }
  29         </script>
  30     </head>
  31     <body onload="test()">
  32         <p>Test controls placement. </p>
  33         <audio controls></audio><br><br>
  34         <audio controls style="width: 320px;"></audio><br><br>
  35         <audio controls style="position: absolute; width: 320px; height: 100px;"></audio><br>
  36     </body>
  37 </html>