part 11 - Make sure scroll anchoring web-platform-tests are fully scr…

…ollable on larger window sizes.

Some of these tests were failing on try but passing locally because of viewport
size differences. This commit expands some spacing to ensure the tests are fully
scrollable on most screen sizes.

Differential Revision: https://phabricator.services.mozilla.com/D13274

bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1305957
gecko-commit: b4cb2cbebdb6a099f64e477ec434701d39d4816d
gecko-integration-branch: central
gecko-reviewers: hiro

css/css-scroll-anchoring/ancestor-change-heuristic.html

@@ -3,7 +3,7 @@
 <script src="/resources/testharnessreport.js"></script>
 <style>
 
-#space { height: 1000px; }
+#space { height: 4000px; }
 #ancestor { position: relative; }
 #before, #anchor { height: 100px; }
 #anchor { background-color: green; }

css/css-scroll-anchoring/anchoring-with-bounds-clamping.html

@@ -6,7 +6,7 @@
 #changer { height: 1500px; }
 #anchor {
   width: 150px;
-  height: 1000px;
+  height: 4000px;
   background-color: pink;
 }
 

css/css-scroll-anchoring/basic.html

@@ -3,7 +3,7 @@
 <script src="/resources/testharnessreport.js"></script>
 <style>
 
-body { height: 1000px; }
+body { height: 4000px; }
 div { height: 100px; }
 
 </style>

css/css-scroll-anchoring/descend-into-container-with-float.html

@@ -3,7 +3,7 @@
 <script src="/resources/testharnessreport.js"></script>
 <style>
 
-body { height: 1000px; }
+body { height: 4000px; }
 #outer { width: 300px; }
 #outer:after { content: " "; clear:both; display: table; }
 #float {

css/css-scroll-anchoring/descend-into-container-with-overflow.html

@@ -3,7 +3,7 @@
 <script src="/resources/testharnessreport.js"></script>
 <style>
 
-body { height: 1000px; }
+body { height: 4000px; }
 #outer { width: 300px; }
 #zeroheight { height: 0px; }
 #changer { height: 100px; background-color: red; }

css/css-scroll-anchoring/exclude-fixed-position.html

@@ -3,7 +3,7 @@
 <script src="/resources/testharnessreport.js"></script>
 <style>
 
-body { height: 1000px; margin: 0; }
+body { height: 4000px; margin: 0; }
 #fixed, #content { width: 200px; height: 100px; }
 #fixed { position: fixed; left: 100px; top: 50px; }
 #before { height: 50px; }

css/css-scroll-anchoring/inline-block.html

@@ -3,7 +3,7 @@
 <script src="/resources/testharnessreport.js"></script>
 <style>
 
-body { height: 1000px }
+body { height: 4000px }
 #outer { line-height: 100px }
 #ib1, #ib2 { display: inline-block }
 

css/css-scroll-anchoring/position-change-heuristic.html

@@ -4,7 +4,7 @@
 <style>
 
 #space {
-  height: 1000px;
+  height: 4000px;
 }
 #header {
   background-color: #F5B335;

css/css-scroll-anchoring/subtree-exclusion.html

@@ -3,7 +3,7 @@
 <script src="/resources/testharnessreport.js"></script>
 <style>
 
-body { height: 1000px }
+body { height: 4000px }
 #A, #B { width: 100px; background-color: #afa; }
 #B { height: 100px; }
 #inner { width: 100px; height: 100px; background-color: pink; }

css/css-scroll-anchoring/wrapped-text.html

@@ -7,7 +7,7 @@
   position: absolute;
   font-size: 100px;
   width: 200px;
-  height: 1000px;
+  height: 4000px;
   line-height: 100px;
 }