Google Git
Sign in
webkit / WebKit / a4d6a35a1e635dda26b05257c8c0be8a5d375f33 / . / ManualTests / plugins / windowed.html
blob: 56a02f413fe4df7ffe5976d56f8287fea2ea5218 [file] [log] [blame]
eric@webkit.orgd6283b02009-10-21 13:08:07 +0000[diff] [blame]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>
eric@webkit.org433f6f22009-11-19 01:00:36 +0000[diff] [blame]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
eric@webkit.orgd6283b02009-10-21 13:08:07 +0000[diff] [blame]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/>
commit-queue@webkit.orgb3c96c92010-10-27 15:56:38 +0000[diff] [blame]65 For the Qt port, test with QGraphicsView enabled and disabled</b> <br/><br/>
eric@webkit.orgd6283b02009-10-21 13:08:07 +0000[diff] [blame]66
zecke@webkit.orge6b41382009-10-23 12:02:19 +0000[diff] [blame]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"
eric@webkit.orgd6283b02009-10-21 13:08:07 +0000[diff] [blame]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
eric@webkit.org433f6f22009-11-19 01:00:36 +0000[diff] [blame]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
eric@webkit.orgd6283b02009-10-21 13:08:07 +0000[diff] [blame]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
commit-queue@webkit.orgb3c96c92010-10-27 15:56:38 +0000[diff] [blame]94 <input type="checkbox" name="screenshotBox"> Verify if taking a screenshot from QtTestBrowser displays flash <br/>
eric@webkit.orgd6283b02009-10-21 13:08:07 +0000[diff] [blame]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>