Bug 1165185 - Add a test for not invalidating transformed elements inside SVG during scrolling. r=roc

This commit is contained in:
Markus Stange 2018-05-22 21:41:29 -04:00 committed by Jeff Muizelaar
parent cf8108e051
commit 495e546911
4 changed files with 104 additions and 0 deletions

View File

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en" class="reftest-wait">
<meta charset="utf-8">
<title>Scrolling shouldn't invalidate either rect.</title>
<style>
body {
margin: 0;
height: 5000px;
}
</style>
<body>
<svg width="768" height="1000">
<g transform="translate(0 -2000.3234)">
<rect x="100" y="2300" height="50" width="50" fill="grey" class="reftest-no-paint"/>
</g>
<g transform="translate(0 -4000.6468)">
<rect x="200" y="4300" height="50" width="50" fill="grey" class="reftest-no-paint"/>
</g>
</svg>
<script>
document.documentElement.scrollTop = 177;
window.addEventListener("MozReftestInvalidate", function (e) {
document.documentElement.scrollTop = 30;
document.documentElement.removeAttribute("class");
});
</script>

View File

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en" class="reftest-wait">
<meta charset="utf-8">
<title>Scrolling shouldn't invalidate the square.</title>
<style>
body {
margin: 0;
height: 5000px;
}
</style>
<body>
<svg width="768" height="1000">
<g transform="translate(0 112.152992)">
<rect x="100" y="650" height="50" width="50" fill="grey" class="reftest-no-paint"/>
</g>
</svg>
<script>
document.documentElement.scrollTop = 709;
window.addEventListener("MozReftestInvalidate", function (e) {
document.documentElement.scrollTop = 617;
document.documentElement.removeAttribute("class");
});
</script>

View File

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en" class="reftest-wait">
<meta charset="utf-8">
<title>Scrolling shouldn't invalidate the square.</title>
<style>
body {
margin: 0;
height: 5000px;
}
</style>
<body>
<svg width="768" height="1000">
<g transform="translate(0 0.999948799610138)">
<rect x="100" y="100" height="50" width="50" fill="grey" class="reftest-no-paint"/>
</g>
</svg>
<script>
document.documentElement.scrollTop = 11;
window.addEventListener("MozReftestInvalidate", function (e) {
document.documentElement.scrollTop = 51;
document.documentElement.removeAttribute("class");
});
</script>

View File

@ -94,3 +94,7 @@ pref(layers.single-tile.enabled,false) != fast-scrolling.html about:blank
== clip-path-invalidation-1b.html mask-invalidation-2-ref.html
== clip-path-invalidation-1c.html mask-invalidation-2-ref.html
== clip-path-invalidation-1d.html mask-invalidation-2-ref.html
!= fractional-transform-1.html about:blank
!= fractional-transform-2.html about:blank
!= fractional-transform-3.html about:blank