WebCore/manual-tests/plugins/windowless.html
changeset 0 4f2f89ce4247
equal deleted inserted replaced
-1:000000000000 0:4f2f89ce4247
       
     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 both QtLauncher and QGVLauncher </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 QtLauncher display 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>