зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1443027 - Add two new tests for merging behaviour. r=mstange
MozReview-Commit-ID: G5vgtSCdRZP --HG-- extra : rebase_source : df104a7df2c199d9e95025c533f62428dc1a1efc
This commit is contained in:
Matt Woodrow
Родитель
4aeead7b1a
Коммит
97e5feb9b8
|
|
@ -0,0 +1,93 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" class="reftest-wait"><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8">
|
||||
<title>Bug 1443027 - Test merging across multiple paints</title>
|
||||
|
||||
<style>
|
||||
|
||||
body { opacity: 0.9; }
|
||||
|
||||
div {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#A {
|
||||
left: 250px;
|
||||
top: 50px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
#B {
|
||||
left: 200px;
|
||||
top: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: yellow;
|
||||
}
|
||||
|
||||
#C {
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
#D {
|
||||
left: 80px;
|
||||
top: 20px;
|
||||
width: 140px;
|
||||
height: 100px;
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="A"></div>
|
||||
<div id="B"></div>
|
||||
<div id="C"></div>
|
||||
<div id="D"></div>
|
||||
|
||||
<script>
|
||||
|
||||
var A = document.getElementById("A");
|
||||
var B = document.getElementById("B");
|
||||
var C = document.getElementById("C");
|
||||
var D = document.getElementById("D");
|
||||
|
||||
A.style.visibility = "hidden";
|
||||
B.style.visibility = "hidden";
|
||||
C.style.visibility = "hidden";
|
||||
D.style.visibility = "hidden";
|
||||
|
||||
window.addEventListener("MozReftestInvalidate", step1);
|
||||
|
||||
function step1() {
|
||||
C.style.visibility = "visible";
|
||||
C.style.transform = "translatez(1px)";
|
||||
D.style.visibility = "visible";
|
||||
D.style.transform = "translatez(1px)";
|
||||
|
||||
window.requestAnimationFrame(function() { window.requestAnimationFrame(step2); });
|
||||
}
|
||||
|
||||
function step2() {
|
||||
A.style.visibility = "visible";
|
||||
A.style.transform = "translatez(1px)";
|
||||
B.style.visibility = "visible";
|
||||
B.style.transform = "translatez(1px)";
|
||||
|
||||
window.requestAnimationFrame(step3);
|
||||
}
|
||||
|
||||
function step3() {
|
||||
D.style.visibility = "hidden";
|
||||
D.style.transform = "";
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
|
||||
</script>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,93 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" class="reftest-wait"><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8">
|
||||
<title>Bug 1443027 - Test merging across multiple paints</title>
|
||||
|
||||
<style>
|
||||
|
||||
body { opacity: 0.9; }
|
||||
|
||||
div {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#A {
|
||||
left: 250px;
|
||||
top: 50px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
#B {
|
||||
left: 200px;
|
||||
top: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: yellow;
|
||||
}
|
||||
|
||||
#C {
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
#D {
|
||||
left: 80px;
|
||||
top: 20px;
|
||||
width: 140px;
|
||||
height: 100px;
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="A"></div>
|
||||
<div id="B"></div>
|
||||
<div id="C"></div>
|
||||
<div id="D"></div>
|
||||
|
||||
<script>
|
||||
|
||||
var A = document.getElementById("A");
|
||||
var B = document.getElementById("B");
|
||||
var C = document.getElementById("C");
|
||||
var D = document.getElementById("D");
|
||||
|
||||
A.style.visibility = "hidden";
|
||||
B.style.visibility = "hidden";
|
||||
C.style.visibility = "hidden";
|
||||
D.style.visibility = "hidden";
|
||||
|
||||
window.addEventListener("MozReftestInvalidate", step1);
|
||||
|
||||
function step1() {
|
||||
A.style.visibility = "visible";
|
||||
A.style.transform = "translatez(1px)";
|
||||
B.style.visibility = "visible";
|
||||
B.style.transform = "translatez(1px)";
|
||||
D.style.visibility = "visible";
|
||||
D.style.transform = "translatez(1px)";
|
||||
|
||||
window.requestAnimationFrame(function() { window.requestAnimationFrame(step2); });
|
||||
}
|
||||
|
||||
function step2() {
|
||||
C.style.visibility = "visible";
|
||||
C.style.transform = "translatez(1px)";
|
||||
|
||||
window.requestAnimationFrame(step3);
|
||||
}
|
||||
|
||||
function step3() {
|
||||
D.style.visibility = "hidden";
|
||||
D.style.transform = "";
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
|
||||
</script>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8">
|
||||
<title>Bug 1443027 - Test merging across multiple paints</title>
|
||||
|
||||
<style>
|
||||
|
||||
body { opacity: 0.9; }
|
||||
|
||||
div {
|
||||
position: absolute;
|
||||
transform: translatez(1px);
|
||||
}
|
||||
|
||||
#A {
|
||||
left: 250px;
|
||||
top: 50px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
#B {
|
||||
left: 200px;
|
||||
top: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: yellow;
|
||||
}
|
||||
|
||||
#C {
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
#D {
|
||||
left: 80px;
|
||||
top: 20px;
|
||||
width: 140px;
|
||||
height: 100px;
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="A"></div>
|
||||
<div id="B"></div>
|
||||
<div id="D"></div>
|
||||
<div id="C"></div>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,91 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" class="reftest-wait"><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8">
|
||||
<title>Bug 1443027 - Test merging across multiple paints</title>
|
||||
|
||||
<style>
|
||||
|
||||
body { opacity: 0.9; }
|
||||
|
||||
div {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#A {
|
||||
left: 250px;
|
||||
top: 50px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
#B {
|
||||
left: 200px;
|
||||
top: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: yellow;
|
||||
}
|
||||
|
||||
#C {
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
#D {
|
||||
left: 80px;
|
||||
top: 20px;
|
||||
width: 140px;
|
||||
height: 100px;
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="A"></div>
|
||||
<div id="B"></div>
|
||||
<div id="D"></div>
|
||||
<div id="C"></div>
|
||||
|
||||
<script>
|
||||
|
||||
var A = document.getElementById("A");
|
||||
var B = document.getElementById("B");
|
||||
var C = document.getElementById("C");
|
||||
var D = document.getElementById("D");
|
||||
|
||||
A.style.visibility = "hidden";
|
||||
B.style.visibility = "hidden";
|
||||
C.style.visibility = "hidden";
|
||||
D.style.visibility = "hidden";
|
||||
|
||||
window.addEventListener("MozReftestInvalidate", step1);
|
||||
|
||||
function step1() {
|
||||
A.style.visibility = "visible";
|
||||
A.style.transform = "translatez(1px)";
|
||||
|
||||
window.requestAnimationFrame(function() { window.requestAnimationFrame(step2); });
|
||||
}
|
||||
|
||||
function step2() {
|
||||
C.style.visibility = "visible";
|
||||
C.style.transform = "translatez(1px)";
|
||||
D.style.visibility = "visible";
|
||||
D.style.transform = "translatez(1px)";
|
||||
|
||||
window.requestAnimationFrame(step3);
|
||||
}
|
||||
|
||||
function step3() {
|
||||
B.style.visibility = "visible";
|
||||
B.style.transform = "translatez(1px)";
|
||||
document.documentElement.removeAttribute('class');
|
||||
}
|
||||
|
||||
</script>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8">
|
||||
<title>Bug 1443027 - Test merging across multiple paints</title>
|
||||
|
||||
<style>
|
||||
|
||||
body { opacity: 0.9; }
|
||||
|
||||
div {
|
||||
position: absolute;
|
||||
transform: translatez(1px);
|
||||
}
|
||||
|
||||
#A {
|
||||
left: 250px;
|
||||
top: 50px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
#B {
|
||||
left: 200px;
|
||||
top: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: yellow;
|
||||
}
|
||||
|
||||
#C {
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="A"></div>
|
||||
<div id="B"></div>
|
||||
<div id="C"></div>
|
||||
</body></html>
|
||||
|
|
@ -23,4 +23,6 @@ needs-focus == 1429027-1.html 1429027-1-ref.html
|
|||
== 1436189-1.html 1436189-1-ref.html
|
||||
skip-if(!asyncPan) == 1437374-1.html 1437374-1-ref.html
|
||||
== 1439809-1.html 1439809-1-ref.html
|
||||
|
||||
== 1443027-1.html 1443027-ref.html
|
||||
== 1443027-2.html 1443027-ref.html
|
||||
== 1443027-3.html 1443027-3-ref.html
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче