Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-21 01:05:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1496416 - Add a reftest for async-scrolling content with 2D rotation transforms. r=mstange

Browse Source
This commit is contained in:
Kartikaya Gupta 2018-10-04 16:12:16 -04:00
parent 4c24383a69
commit fea196e2e1
3 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
layout/reftests/async-scrolling/reftest.list
View File

@ -67,6 +67,7 @@ skip-if(!asyncPan) == position-sticky-bug1434250.html position-sticky-bug1434250
fuzzy-if(Android,0-6,0-4) skip-if(!asyncPan) == position-sticky-scrolled-clip-1.html position-sticky-scrolled-clip-1-ref.html
fuzzy-if(Android,0-6,0-4) skip == position-sticky-scrolled-clip-2.html position-sticky-scrolled-clip-2-ref.html # bug ?????? - incorrectly applying clip to sticky contents
fuzzy-if(Android,0-2,0-4) skip-if(!asyncPan) == curtain-effect-1.html curtain-effect-1-ref.html
fuzzy-if(Android,0-1,0-4) skip-if(!asyncPan) == transformed-1.html transformed-1-ref.html
# for the following tests, we want to disable the low-precision buffer
# as it will expand the displayport beyond what the test specifies in

7
layout/reftests/async-scrolling/transformed-1-ref.html Normal file
View File

@ -0,0 +1,7 @@
<!DOCTYPE html>
<html class="reftest-wait">
<head><title>Async scrolling with transforms</title></head>
<body style="height: 2000px" onload="window.scrollTo(0,20); document.documentElement.classList.remove('reftest-wait')">
<div style="transform: rotate(90deg); transform-origin: bottom left">Some vertical text</div>
</body>
</html>

10
layout/reftests/async-scrolling/transformed-1.html Normal file
View File

@ -0,0 +1,10 @@
<!DOCTYPE html>
<html reftest-async-scroll
reftest-displayport-x="0" reftest-displayport-y="0"
reftest-displayport-w="800" reftest-displayport-h="2000"
reftest-async-scroll-x="0" reftest-async-scroll-y="20">
<head><title>Async scrolling with transforms</title></head>
<body style="height: 2000px">
<div style="transform: rotate(90deg); transform-origin: bottom left">Some vertical text</div>
</body>
</html>