ManualTests/plugins/windowed.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            type="application/x-shockwave-flash">
  71     </embed>
  72
  73     <div id="overlayDiv"> This is an overlay that will display over the flash. In addition, you should be able to see
  74             the flash through the div contents. </div>
  75
  76     <div style="clear:both"/>
  77
  78     <input type="checkbox" name="visibilityCheckBox"> Verify if the flash toggles visibility
  79             <input type="button" id="visibilityButton" value="Test Visibility" onClick="testVisibility()"/><br/>
  80
  81     <input type="checkbox" name="resizeCheckBox"> Verify if the flash resizes when element is resized
  82             <input type="button" id="resizeButton" value="Test Resize" onClick="testResize()"/><br/>
  83
  84     <input type="checkbox" name="moveCheckBox"> Verify if the flash moves when element is moved
  85             <input type="button" id="moveButton" value="Test Move" onClick="testMove()"/><br/>
  86
  87     <input type="checkbox" name="animationCheckBox"> Verify css animations with flash
  88             <input type="button" id="animationButton" value="Test Animation" onClick="testAnimation()"/><br/>
  89
  90     <input type="checkbox" name="printCheckBox"> Verify if printing displays flash on the print preview and printer output <br/>
  91
  92     <input type="checkbox" name="zoomCheckBox"> Verify if elements in flash are correctly painted and clickable after zooming <br/>
  93
  94     <input type="checkbox" name="screenshotBox"> Verify if taking a screenshot from QtTestBrowser displays flash <br/>
  95
  96     <input type="checkbox" name="paintSystemsCheckBox"> Verify if flash is displayed with graphicssystems - raster, opengl <br/>
  97
  98     <input type="checkbox" name="focusCheckBox"> Verify if shifting focus back and forth from flash to html works
  99             <input value="Shift focus here"/></br/>
 100
 101     <input type="checkbox" name="testZIndex"> Test if html can display over flash
 102             <input type="button" value="Toggle transparent div" onClick="toggleDivOverFlash()"<br/>
 103
 104     <input type="checkbox" name="testZIndex"> Test opaque mode by setting wmode to opaque <br/>
 105
 106     <br/>
 107 </body>
 108
 109 </html>