<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>