← Back to branch summary

~ubuntu-branches/ubuntu/raring/qtwebkit-source/raring-proposed

« back to all changes in this revision

Viewing changes to ManualTests/plugins/windowless.html

  • Committer: Package Import Robot
  • Author(s): Jonathan Riddell
  • Date: 2013-02-18 14:24:18 UTC
  • Revision ID: package-import@ubuntu.com-20130218142418-eon0jmjg3nj438uy
Tags: upstream-2.3
Import upstream version 2.3

Show diffs side-by-side

added added

removed removed

Lines of Context:
ManualTests/plugins/windowless.html
 
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 QGraphicsView enabled and disabled</b> <br/><br/>
 
66
 
 
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"
 
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 QtTestBrowser displays 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>