third_party/WebKit/ManualTests/plugins/windowless.html

   1 <html xmlns="http://www.w3.org/1999/xhtml">
   2
   3 <head>
   4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   5 <title>Transparent Flash Test File</title>
   6 <style>
   7     #overlayDiv {
   8         position: relative;
   9         color: white;
  10         background: black;
  11         top: 50px;
  12         left: -50px;
  13         width: 200px;
  14         opacity: 0.6;
  15         float: left;
  16         z-index: 1;
  17         display: none;
  18     }
  19     embed {
  20         float: left;
  21         -webkit-transition: -webkit-transform 3s ease-in;
  22     }
  23 </style>
  24 <script>
  25     function testVisibility() {
  26         var flashPlugin = document.getElementById('flashPlugin');
  27         if (flashPlugin.style.display == 'none') {
  28             flashPlugin.style.display = 'block';
  29         } else {
  30             flashPlugin.style.display = 'none';
  31         }
  32     }
  33
  34     function testResize() {
  35         var flashPlugin = document.getElementById('flashPlugin');
  36         flashPlugin.width = flashPlugin.width == "200" ? "100" : "200";
  37         flashPlugin.height = flashPlugin.height == "200" ? "100" : "200";
  38     }
  39
  40     function testMove() {
  41         var flashPlugin = document.getElementById('flashPlugin');
  42         var t = parseInt(flashPlugin.style.top);
  43         flashPlugin.style['padding-left'] = "100px";
  44     }
  45
  46     function testAnimation() {
  47         var flashPlugin = document.getElementById('flashPlugin');
  48         flashPlugin.style.webkitTransform='rotate(180deg)';
  49     }
  50
  51     function toggleDivOverFlash() {
  52         var overlayDiv = document.getElementById('overlayDiv');
  53         if (overlayDiv.style.display != 'block') {
  54             overlayDiv.style.display = 'block';
  55         } else {
  56             overlayDiv.style.display = '';
  57         }
  58     }
  59 </script>
  60 </head>
  61
  62 <body>
  63
  64     <b> Verify the following tests with and without the page scrolled (including seeming unrelated test cases like printing). <br/>
  65         For the Qt port, test with QGraphicsView enabled and disabled</b> <br/><br/>
  66
  67     <!-- <embed id="flashPlugin" src="http://www.youtube.com/v/loXfcsXRB-w&#038;hl=en&#038;fs=1" --!>
  68     <embed id="flashPlugin" src="test.swf"
  69            width="200" height="200"
  70            wmode="transparent"
  71            type="application/x-shockwave-flash">
  72     </embed>
  73
  74     <div id="overlayDiv"> This is an overlay that will display over the flash. In addition, you should be able to see
  75             the flash through the div contents. </div>
  76
  77     <div style="clear:both"/>
  78
  79     <input type="checkbox" name="visibilityCheckBox"> Verify if the flash toggles visibility
  80             <input type="button" id="visibilityButton" value="Test Visibility" onClick="testVisibility()"/><br/>
  81
  82     <input type="checkbox" name="resizeCheckBox"> Verify if the flash resizes when element is resized
  83             <input type="button" id="resizeButton" value="Test Resize" onClick="testResize()"/><br/>
  84
  85     <input type="checkbox" name="moveCheckBox"> Verify if the flash moves when element is moved
  86             <input type="button" id="moveButton" value="Test Move" onClick="testMove()"/><br/>
  87
  88     <input type="checkbox" name="animationCheckBox"> Verify css animations with flash
  89             <input type="button" id="animationButton" value="Test Animation" onClick="testAnimation()"/><br/>
  90
  91     <input type="checkbox" name="printCheckBox"> Verify if printing displays flash on the print preview and printer output <br/>
  92
  93     <input type="checkbox" name="zoomCheckBox"> Verify if elements in flash are correctly painted and clickable after zooming <br/>
  94
  95     <input type="checkbox" name="screenshotBox"> Verify if taking a screenshot from QtTestBrowser displays flash <br/>
  96
  97     <input type="checkbox" name="paintSystemsCheckBox"> Verify if flash is displayed with graphicssystems - raster, opengl <br/>
  98
  99     <input type="checkbox" name="focusCheckBox"> Verify if shifting focus back and forth from flash to html works
 100             <input value="Shift focus here"/></br/>
 101
 102     <input type="checkbox" name="testZIndex"> Test if html can display over flash
 103             <input type="button" value="Toggle transparent div" onClick="toggleDivOverFlash()"<br/>
 104
 105     <br/>
 106 </body>
 107
 108 </html>