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