windowless.html   [plain text]

<html xmlns="">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Transparent Flash Test File</title>
    #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;
    function testVisibility() {
        var flashPlugin = document.getElementById('flashPlugin');
        if ( == 'none') {
   = 'block';
        } else {
   = '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(;['padding-left'] = "100px";

    function testAnimation() {
        var flashPlugin = document.getElementById('flashPlugin');'rotate(180deg)';

    function toggleDivOverFlash() {
        var overlayDiv = document.getElementById('overlayDiv');
        if ( != 'block') {
   = 'block';
        } else {
   = '';


    <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 both QtLauncher and QGVLauncher </b> <br/><br/>

    <!-- <embed id="flashPlugin" src=";hl=en&#038;fs=1" --!>
    <embed id="flashPlugin" src="test.swf"
           width="200" height="200"

    <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 QtLauncher display 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/>