LayoutTests/media/media-controller.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <script src=media-file.js></script>
   5         <script src=video-test.js></script>
   6
   7         <script>
   8         var controller;
   9         var video2;
  10
  11         function start() {
  12             video = document.getElementsByTagName('video')[0];
  13             video2 = document.getElementsByTagName('video')[1];
  14
  15             consoleWrite("Test presence of MediaController constructor, controller, and mediaGroup attributes:");
  16             testExpected("typeof(MediaController)", "undefined", "!=");
  17             testExpected("video.controller", null);
  18             testExpected("video.mediaGroup", "");
  19             consoleWrite("");
  20             consoleWrite("Test that the presence of a mediaGroup attribute creates a controller:")
  21             testExpected("video2.mediaGroup", 'group');
  22             testExpected("video2.controller", null, "!=");
  23             consoleWrite("");
  24             consoleWrite("Test that setting mediaGroup to an empty string removes the controller:")
  25             run("video.mediaGroup = ''");
  26             testExpected("video.controller", null);
  27             consoleWrite("");
  28             consoleWrite("Test manually creating and assigning a controller to a media element:")
  29             run("controller = new MediaController()");
  30             run("video.controller = controller");
  31             testExpected("video.controller", controller);
  32             consoleWrite("");
  33             consoleWrite("Test that two media elements with the same mediaGroup have the same controller:")
  34             run("video.mediaGroup = 'group'");
  35             run("video2.mediaGroup = 'group'");
  36             testExpected("video.controller === video2.controller", true);
  37             endTest();
  38         }
  39         </script>
  40     </head>
  41     <body onload="start()">
  42         <video></video>
  43         <video mediagroup="group"></video>
  44     </body>
  45 </html>