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&hl=en&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> 110
