Home | History | Annotate | Download | only in plugins
      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>
    109