Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-08 02:14:43 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1426386 - Add reftests for position:sticky items inside a transform. r=mstange

Browse Source 
MozReview-Commit-ID: 5RSOhboUNuC

--HG--
extra : rebase_source : fa91ba688990196c4b6d230618084eff78f5008b
This commit is contained in:
Kartikaya Gupta 2018-01-16 13:04:56 -05:00
parent 9e0346d371
commit bd29247144
5 changed files with 40 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layout/reftests/position-sticky/reftest.list
View File

@ -49,3 +49,5 @@ fuzzy-if(skiaContent,1,22) fuzzy-if(winWidget&&!layersGPUAccelerated,116,1320) f
fuzzy-if(Android,8,630) fuzzy-if(OSX,1,11) fuzzy-if(skiaContent,1,220) fuzzy-if(winWidget&&!layersGPUAccelerated,116,1320) == block-in-inline-3.html block-in-inline-3-ref.html
== block-in-inline-continuations.html block-in-inline-continuations-ref.html
== iframe-1.html iframe-1-ref.html
== transformed-1.html transformed-1-ref.html
fuzzy-if(Android,2,4) == transformed-2.html transformed-2-ref.html

8
layout/reftests/position-sticky/transformed-1-ref.html Normal file
View File

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html style="margin: 0">
<body style="margin: 0">
<div style="height: 70px; background-color: blue"></div>
<div style="height: 2000px;">
<div style="margin-top: 50px; width: 100px; height: 100px; background-color: green"></div>
</div>
</html>

8
layout/reftests/position-sticky/transformed-1.html Normal file
View File

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html style="margin: 0">
<body style="margin: 0">
<div style="height: 70px; background-color: blue"></div>
<div style="height: 2000px; transform: translateY(50px)">
<div style="position:sticky; top: 70px; width: 100px; height: 100px; background-color: green"></div>
</div>
</html>

14
layout/reftests/position-sticky/transformed-2-ref.html Normal file
View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html style="margin: 0" class="reftest-wait">
<body style="margin: 0">
<div style="height: 70px; background-color: blue"></div>
<div style="height: 1950px;">
<div style="margin-top: 100px; width: 100px; height: 100px; background-color: green"></div>
</div>
<script>
addEventListener('load', function() {
document.scrollingElement.scrollTop = 50;
document.documentElement.classList.remove('reftest-wait');
}, false);
</script>
</html>

8
layout/reftests/position-sticky/transformed-2.html Normal file
View File

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html style="margin: 0" reftest-async-scroll reftest-async-scroll-y="50">
<body style="margin: 0">
<div style="height: 70px; background-color: blue"></div>
<div style="height: 2000px; transform: translateY(50px)">
<div style="position:sticky; top: 70px; width: 100px; height: 100px; background-color: green"></div>
</div>
</html>