diff options
Diffstat (limited to 'Source/WebCore/manual-tests/plugins/windowed.html')
-rw-r--r-- | Source/WebCore/manual-tests/plugins/windowed.html | 109 |
1 files changed, 109 insertions, 0 deletions
diff --git a/Source/WebCore/manual-tests/plugins/windowed.html b/Source/WebCore/manual-tests/plugins/windowed.html new file mode 100644 index 0000000..56a02f4 --- /dev/null +++ b/Source/WebCore/manual-tests/plugins/windowed.html @@ -0,0 +1,109 @@ +<html xmlns="http://www.w3.org/1999/xhtml"> + +<head> +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>Transparent Flash Test File</title> +<style> + #overlayDiv { + position: relative; + color: white; + background: black; + top: 50px; + left: -50px; + width: 200px; + opacity: 0.6; + float: left; + z-index: 1; + display: none; + } + embed { + float: left; + -webkit-transition: -webkit-transform 3s ease-in; + } +</style> +<script> + function testVisibility() { + var flashPlugin = document.getElementById('flashPlugin'); + if (flashPlugin.style.display == 'none') { + flashPlugin.style.display = 'block'; + } else { + flashPlugin.style.display = 'none'; + } + } + + function testResize() { + var flashPlugin = document.getElementById('flashPlugin'); + flashPlugin.width = flashPlugin.width == "200" ? "100" : "200"; + flashPlugin.height = flashPlugin.height == "200" ? "100" : "200"; + } + + function testMove() { + var flashPlugin = document.getElementById('flashPlugin'); + var t = parseInt(flashPlugin.style.top); + flashPlugin.style['padding-left'] = "100px"; + } + + function testAnimation() { + var flashPlugin = document.getElementById('flashPlugin'); + flashPlugin.style.webkitTransform='rotate(180deg)'; + } + + function toggleDivOverFlash() { + var overlayDiv = document.getElementById('overlayDiv'); + if (overlayDiv.style.display != 'block') { + overlayDiv.style.display = 'block'; + } else { + overlayDiv.style.display = ''; + } + } +</script> +</head> + +<body> + + <b> Verify the following tests with and without the page scrolled (including seeming unrelated test cases like printing). <br/> + For the Qt port, test with QGraphicsView enabled and disabled</b> <br/><br/> + + <!-- <embed id="flashPlugin" src="http://www.youtube.com/v/loXfcsXRB-w&hl=en&fs=1" --!> + <embed id="flashPlugin" src="test.swf" + width="200" height="200" + type="application/x-shockwave-flash"> + </embed> + + <div id="overlayDiv"> This is an overlay that will display over the flash. In addition, you should be able to see + the flash through the div contents. </div> + + <div style="clear:both"/> + + <input type="checkbox" name="visibilityCheckBox"> Verify if the flash toggles visibility + <input type="button" id="visibilityButton" value="Test Visibility" onClick="testVisibility()"/><br/> + + <input type="checkbox" name="resizeCheckBox"> Verify if the flash resizes when element is resized + <input type="button" id="resizeButton" value="Test Resize" onClick="testResize()"/><br/> + + <input type="checkbox" name="moveCheckBox"> Verify if the flash moves when element is moved + <input type="button" id="moveButton" value="Test Move" onClick="testMove()"/><br/> + + <input type="checkbox" name="animationCheckBox"> Verify css animations with flash + <input type="button" id="animationButton" value="Test Animation" onClick="testAnimation()"/><br/> + + <input type="checkbox" name="printCheckBox"> Verify if printing displays flash on the print preview and printer output <br/> + + <input type="checkbox" name="zoomCheckBox"> Verify if elements in flash are correctly painted and clickable after zooming <br/> + + <input type="checkbox" name="screenshotBox"> Verify if taking a screenshot from QtTestBrowser displays flash <br/> + + <input type="checkbox" name="paintSystemsCheckBox"> Verify if flash is displayed with graphicssystems - raster, opengl <br/> + + <input type="checkbox" name="focusCheckBox"> Verify if shifting focus back and forth from flash to html works + <input value="Shift focus here"/></br/> + + <input type="checkbox" name="testZIndex"> Test if html can display over flash + <input type="button" value="Toggle transparent div" onClick="toggleDivOverFlash()"<br/> + + <input type="checkbox" name="testZIndex"> Test opaque mode by setting wmode to opaque <br/> + + <br/> +</body> + +</html> |