Bug 635373. Tests

This commit is contained in:
Robert O'Callahan 2011-04-01 10:33:46 +13:00
parent 746312cb6f
commit cb154a7829
8 changed files with 179 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 157 B

View File

@ -0,0 +1,29 @@
<!DOCTYPE HTML>
<html>
<head>
<style>
body { background:white; }
#d {
position:absolute;
top:200px;
left:200px;
font-size:30px;
transform:rotate(30deg);
-moz-transform:rotate(30deg);
background:url(100x80-white-rect-top-right.png);
}
canvas { display:block; }
span { display:block; background:rgb(200,200,200); height:40px; }
</style>
</head>
<body>
<div id="d"><span style="width:20px"><canvas id="c" width="20" height="20"></canvas></span>
<span style="width:100px;"></span>
</div>
<script>
var ctx = document.getElementById("c").getContext("2d");
ctx.fillStyle = "lime";
ctx.fillRect(5,5,5,5);
</script>
</body>
</html>

View File

@ -0,0 +1,29 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Testing compositing of opaque layer with complex visible region</title>
<style>
body { background:white; }
#d {
position:absolute;
top:200px;
left:200px;
font-size:30px;
transform:rotate(30deg);
-moz-transform:rotate(30deg);
}
canvas { display:block; }
span { display:block; background:rgb(200,200,200); height:40px; }
</style>
</head>
<body>
<div id="d"><span style="width:20px"><canvas id="c" width="20" height="20"></canvas></span>
<span style="width:100px;"></span>
</div>
<script>
var ctx = document.getElementById("c").getContext("2d");
ctx.fillStyle = "lime";
ctx.fillRect(5,5,5,5);
</script>
</body>
</html>

View File

@ -0,0 +1,30 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Testing compositing of translucent layer with complex visible region</title>
<style>
body { background:white; }
#d {
position:absolute;
top:200px;
left:200px;
font-size:30px;
transform:rotate(30deg);
-moz-transform:rotate(30deg);
background:url(100x80-white-rect-top-right.png);
}
canvas { display:block; }
span { display:block; background:rgba(200,200,200, 0.4); height:40px; }
</style>
</head>
<body>
<div id="d"><span style="width:20px"><canvas id="c" width="20" height="20"></canvas></span>
<span style="width:100px;"></span>
</div>
<script>
var ctx = document.getElementById("c").getContext("2d");
ctx.fillStyle = "lime";
ctx.fillRect(5,5,5,5);
</script>
</body>
</html>

View File

@ -0,0 +1,29 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Testing compositing of translucent layer with complex visible region</title>
<style>
body { background:white; }
#d {
position:absolute;
top:200px;
left:200px;
font-size:30px;
transform:rotate(30deg);
-moz-transform:rotate(30deg);
}
canvas { display:block; }
span { display:block; background:rgba(200,200,200, 0.4); height:40px; }
</style>
</head>
<body>
<div id="d"><span style="width:20px"><canvas id="c" width="20" height="20"></canvas></span>
<span style="width:100px;"></span>
</div>
<script>
var ctx = document.getElementById("c").getContext("2d");
ctx.fillStyle = "lime";
ctx.fillRect(5,5,5,5);
</script>
</body>
</html>

View File

@ -0,0 +1,30 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Testing compositing of component alpha layer with complex visible region</title>
<style>
body { background:white; }
#d {
position:absolute;
top:200px;
left:200px;
font-size:30px;
transform:rotate(30deg);
-moz-transform:rotate(30deg);
background:url(100x80-white-rect-top-right.png);
}
canvas { display:block; }
span { display:block; background:rgba(200,200,200, 0.4); height:40px; }
</style>
</head>
<body>
<div id="d"><span style="width:20px"><canvas id="c" width="20" height="20"></canvas>XYZ</span>
<span style="width:100px;"></span>
</div>
<script>
var ctx = document.getElementById("c").getContext("2d");
ctx.fillStyle = "lime";
ctx.fillRect(5,5,5,5);
</script>
</body>
</html>

View File

@ -0,0 +1,29 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Testing compositing of component alpha layer with complex visible region</title>
<style>
body { background:white; }
#d {
position:absolute;
top:200px;
left:200px;
font-size:30px;
transform:rotate(30deg);
-moz-transform:rotate(30deg);
}
canvas { display:block; }
span { display:block; background:rgba(200,200,200, 0.4); height:40px; }
</style>
</head>
<body>
<div id="d"><span style="width:20px"><canvas id="c" width="20" height="20"></canvas>XYZ</span>
<span style="width:100px;"></span>
</div>
<script>
var ctx = document.getElementById("c").getContext("2d");
ctx.fillStyle = "lime";
ctx.fillRect(5,5,5,5);
</script>
</body>
</html>

View File

@ -1621,6 +1621,9 @@ skip-if(Android) fails-if(winWidget) == 632781-verybig.html 632781-ref.html # la
== 632781-normalsize.html 632781-ref.html
fails-if(Android) == 634232-1.html 634232-1-ref.html
fails-if(Android) == 635302-1.html 635302-1-ref.html
== 635373-1.html 635373-1-ref.html
== 635373-2.html 635373-2-ref.html
fails-if(http.platform=="X11"&&!layersGPUAccelerated) == 635373-3.html 635373-3-ref.html
HTTP(..) == 635639-1.html 635639-1-ref.html
HTTP(..) == 635639-2.html 635639-2-ref.html
== 641770-1.html 641770-1-ref.html