Bug 1552134 - Add width=device-width,initial-scale=1 to avoid auto shrink the contents to intersection-observer tests. r=emilio
authorHiroyuki Ikezoe <hikezoe@mozilla.com>
Sat, 18 May 2019 23:43:54 +0000
changeset 474443 a6e9e91432d4c224cef1ea0b8c232ccd4c57dd13
parent 474442 ffd30b61406da3c418572a9f04e3669a04bb66d9
child 474444 ef3c6d8bb498bfdae4c53cc9eec12f70bb9284ed
push id113154
push usernerli@mozilla.com
push dateSun, 19 May 2019 09:30:32 +0000
treeherdermozilla-inbound@d7a7edbebd6a [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersemilio
bugs1552134
milestone68.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1552134 - Add width=device-width,initial-scale=1 to avoid auto shrink the contents to intersection-observer tests. r=emilio Differential Revision: https://phabricator.services.mozilla.com/D31580
testing/web-platform/meta/intersection-observer/display-none.html.ini
testing/web-platform/meta/intersection-observer/iframe-no-root.html.ini
testing/web-platform/meta/intersection-observer/multiple-thresholds.html.ini
testing/web-platform/meta/intersection-observer/same-document-no-root.html.ini
testing/web-platform/meta/intersection-observer/same-document-root.html.ini
testing/web-platform/meta/intersection-observer/same-document-zero-size-target.html.ini
testing/web-platform/meta/intersection-observer/shadow-content.html.ini
testing/web-platform/meta/intersection-observer/text-target.html.ini
testing/web-platform/meta/intersection-observer/v2/animated-occlusion.html.ini
testing/web-platform/meta/intersection-observer/zero-area-element-hidden.html.ini
testing/web-platform/tests/intersection-observer/bounding-box.html
testing/web-platform/tests/intersection-observer/client-rect.html
testing/web-platform/tests/intersection-observer/containing-block.html
testing/web-platform/tests/intersection-observer/cross-origin-iframe.html
testing/web-platform/tests/intersection-observer/disconnect.html
testing/web-platform/tests/intersection-observer/display-none.html
testing/web-platform/tests/intersection-observer/edge-inclusive-intersection.html
testing/web-platform/tests/intersection-observer/empty-root-margin.html
testing/web-platform/tests/intersection-observer/iframe-no-root-with-wrapping-scroller.html
testing/web-platform/tests/intersection-observer/iframe-no-root.html
testing/web-platform/tests/intersection-observer/initial-observation-with-threshold.html
testing/web-platform/tests/intersection-observer/inline-client-rect.html
testing/web-platform/tests/intersection-observer/isIntersecting-change-events.html
testing/web-platform/tests/intersection-observer/isIntersecting-threshold.html
testing/web-platform/tests/intersection-observer/multiple-targets.html
testing/web-platform/tests/intersection-observer/multiple-thresholds.html
testing/web-platform/tests/intersection-observer/observer-attributes.html
testing/web-platform/tests/intersection-observer/observer-exceptions.html
testing/web-platform/tests/intersection-observer/observer-in-iframe.html
testing/web-platform/tests/intersection-observer/observer-without-js-reference.html
testing/web-platform/tests/intersection-observer/remove-element.html
testing/web-platform/tests/intersection-observer/root-margin.html
testing/web-platform/tests/intersection-observer/same-document-no-root.html
testing/web-platform/tests/intersection-observer/same-document-root.html
testing/web-platform/tests/intersection-observer/same-document-zero-size-target.html
testing/web-platform/tests/intersection-observer/shadow-content.html
testing/web-platform/tests/intersection-observer/target-in-different-window.html
testing/web-platform/tests/intersection-observer/text-target.html
testing/web-platform/tests/intersection-observer/timestamp.html
testing/web-platform/tests/intersection-observer/unclipped-root.html
testing/web-platform/tests/intersection-observer/v2/animated-occlusion.html
testing/web-platform/tests/intersection-observer/v2/blur-filter.html
testing/web-platform/tests/intersection-observer/v2/box-shadow.html
testing/web-platform/tests/intersection-observer/v2/cross-origin-effects.sub.html
testing/web-platform/tests/intersection-observer/v2/cross-origin-occlusion.sub.html
testing/web-platform/tests/intersection-observer/v2/delay-test.html
testing/web-platform/tests/intersection-observer/v2/iframe-target.html
testing/web-platform/tests/intersection-observer/v2/simple-effects.html
testing/web-platform/tests/intersection-observer/v2/simple-occlusion-svg-foreign-object.html
testing/web-platform/tests/intersection-observer/v2/simple-occlusion.html
testing/web-platform/tests/intersection-observer/v2/text-shadow.html
testing/web-platform/tests/intersection-observer/zero-area-element-hidden.html
testing/web-platform/tests/intersection-observer/zero-area-element-visible.html
deleted file mode 100644
--- a/testing/web-platform/meta/intersection-observer/display-none.html.ini
+++ /dev/null
@@ -1,16 +0,0 @@
-[display-none.html]
-  [Intersecting notification after removing display:none on target.]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [Not-intersecting notification after setting display:none on target.]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [Intersecting notification after first rAF.]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
deleted file mode 100644
--- a/testing/web-platform/meta/intersection-observer/iframe-no-root.html.ini
+++ /dev/null
@@ -1,16 +0,0 @@
-[iframe-no-root.html]
-  [document.scrollingElement.scrollTop = 100]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [iframe.contentDocument.scrollingElement.scrollTop = 250]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [First rAF.]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
deleted file mode 100644
--- a/testing/web-platform/meta/intersection-observer/multiple-thresholds.html.ini
+++ /dev/null
@@ -1,41 +0,0 @@
-[multiple-thresholds.html]
-  [document.scrollingElement.scrollTop = 120]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [document.scrollingElement.scrollTop = window.innerHeight + 160]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [document.scrollingElement.scrollTop = window.innerHeight + 200]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [document.scrollingElement.scrollTop = 200]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [document.scrollingElement.scrollTop = window.innerHeight + 140]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [document.scrollingElement.scrollTop = 240]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [First rAF.]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [document.scrollingElement.scrollTop = 160]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
deleted file mode 100644
--- a/testing/web-platform/meta/intersection-observer/same-document-no-root.html.ini
+++ /dev/null
@@ -1,16 +0,0 @@
-[same-document-no-root.html]
-  [First rAF.]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [document.scrollingElement.scrollTop = 300]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [document.scrollingElement.scrollTop = 100]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
deleted file mode 100644
--- a/testing/web-platform/meta/intersection-observer/same-document-root.html.ini
+++ /dev/null
@@ -1,21 +0,0 @@
-[same-document-root.html]
-  [root.scrollTop = 0]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [root.scrollTop = 150 with root scrolled into view.]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [First rAF]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [root.scrollTop = 150 with root scrolled out of view.]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
deleted file mode 100644
--- a/testing/web-platform/meta/intersection-observer/same-document-zero-size-target.html.ini
+++ /dev/null
@@ -1,16 +0,0 @@
-[same-document-zero-size-target.html]
-  [First rAF]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [document.scrollingElement.scrollTop = 300]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [document.scrollingElement.scrollTop = 100]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
deleted file mode 100644
--- a/testing/web-platform/meta/intersection-observer/shadow-content.html.ini
+++ /dev/null
@@ -1,6 +0,0 @@
-[shadow-content.html]
-  [First rAF after creating shadow DOM.]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
deleted file mode 100644
--- a/testing/web-platform/meta/intersection-observer/text-target.html.ini
+++ /dev/null
@@ -1,16 +0,0 @@
-[text-target.html]
-  [document.scrollingElement.scrollTop = 100]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [First rAF.]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
-  [document.scrollingElement.scrollTop = 300]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
deleted file mode 100644
--- a/testing/web-platform/meta/intersection-observer/v2/animated-occlusion.html.ini
+++ /dev/null
@@ -1,6 +0,0 @@
-[animated-occlusion.html]
-  [First rAF.]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
deleted file mode 100644
--- a/testing/web-platform/meta/intersection-observer/zero-area-element-hidden.html.ini
+++ /dev/null
@@ -1,6 +0,0 @@
-[zero-area-element-hidden.html]
-  [First rAF.]
-    expected:
-      if (os == "android") and not e10s: FAIL
-      if (os == "android") and e10s: FAIL
-
--- a/testing/web-platform/tests/intersection-observer/bounding-box.html
+++ b/testing/web-platform/tests/intersection-observer/bounding-box.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/client-rect.html
+++ b/testing/web-platform/tests/intersection-observer/client-rect.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/containing-block.html
+++ b/testing/web-platform/tests/intersection-observer/containing-block.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/cross-origin-iframe.html
+++ b/testing/web-platform/tests/intersection-observer/cross-origin-iframe.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/disconnect.html
+++ b/testing/web-platform/tests/intersection-observer/disconnect.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/display-none.html
+++ b/testing/web-platform/tests/intersection-observer/display-none.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/edge-inclusive-intersection.html
+++ b/testing/web-platform/tests/intersection-observer/edge-inclusive-intersection.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/empty-root-margin.html
+++ b/testing/web-platform/tests/intersection-observer/empty-root-margin.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 
 <style>
 #target {
   width: 100px;
   height: 100px;
   background-color: green;
--- a/testing/web-platform/tests/intersection-observer/iframe-no-root-with-wrapping-scroller.html
+++ b/testing/web-platform/tests/intersection-observer/iframe-no-root-with-wrapping-scroller.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/iframe-no-root.html
+++ b/testing/web-platform/tests/intersection-observer/iframe-no-root.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/initial-observation-with-threshold.html
+++ b/testing/web-platform/tests/intersection-observer/initial-observation-with-threshold.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/inline-client-rect.html
+++ b/testing/web-platform/tests/intersection-observer/inline-client-rect.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 120px;
--- a/testing/web-platform/tests/intersection-observer/isIntersecting-change-events.html
+++ b/testing/web-platform/tests/intersection-observer/isIntersecting-change-events.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/isIntersecting-threshold.html
+++ b/testing/web-platform/tests/intersection-observer/isIntersecting-threshold.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 <style>
 #scroller { width: 100px; height: 100px; overflow: scroll; }
 #scroller > div { height: 800px; }
 #target { margin-top: 25px; height: 50px; background-color: blue; }
 </style>
--- a/testing/web-platform/tests/intersection-observer/multiple-targets.html
+++ b/testing/web-platform/tests/intersection-observer/multiple-targets.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/multiple-thresholds.html
+++ b/testing/web-platform/tests/intersection-observer/multiple-thresholds.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/observer-attributes.html
+++ b/testing/web-platform/tests/intersection-observer/observer-attributes.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 
 <div id="root"></div>
 
 <script>
 test(function() {
   var observer = new IntersectionObserver(function(e) {}, {});
--- a/testing/web-platform/tests/intersection-observer/observer-exceptions.html
+++ b/testing/web-platform/tests/intersection-observer/observer-exceptions.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 
 <script>
 test(function () {
   assert_throws(RangeError(), function() {
     new IntersectionObserver(e => {}, {threshold: [1.1]})
   })
--- a/testing/web-platform/tests/intersection-observer/observer-in-iframe.html
+++ b/testing/web-platform/tests/intersection-observer/observer-in-iframe.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <style>
 pre, #log {
   position: absolute;
   top: 0;
   left: 200px;
 }
 </style>
 <iframe id="target-iframe" src="resources/observer-in-iframe-subframe.html" width="150px" height="150px"></iframe>
--- a/testing/web-platform/tests/intersection-observer/observer-without-js-reference.html
+++ b/testing/web-platform/tests/intersection-observer/observer-without-js-reference.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/remove-element.html
+++ b/testing/web-platform/tests/intersection-observer/remove-element.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/root-margin.html
+++ b/testing/web-platform/tests/intersection-observer/root-margin.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/same-document-no-root.html
+++ b/testing/web-platform/tests/intersection-observer/same-document-no-root.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/same-document-root.html
+++ b/testing/web-platform/tests/intersection-observer/same-document-root.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/same-document-zero-size-target.html
+++ b/testing/web-platform/tests/intersection-observer/same-document-zero-size-target.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/shadow-content.html
+++ b/testing/web-platform/tests/intersection-observer/shadow-content.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/target-in-different-window.html
+++ b/testing/web-platform/tests/intersection-observer/target-in-different-window.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <script>
 var entries = [];
 var popup, target;
 
--- a/testing/web-platform/tests/intersection-observer/text-target.html
+++ b/testing/web-platform/tests/intersection-observer/text-target.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/timestamp.html
+++ b/testing/web-platform/tests/intersection-observer/timestamp.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/unclipped-root.html
+++ b/testing/web-platform/tests/intersection-observer/unclipped-root.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/v2/animated-occlusion.html
+++ b/testing/web-platform/tests/intersection-observer/v2/animated-occlusion.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="../resources/intersection-observer-test-utils.js"></script>
 
 <style>
 body, html {
   margin: 0;
 }
--- a/testing/web-platform/tests/intersection-observer/v2/blur-filter.html
+++ b/testing/web-platform/tests/intersection-observer/v2/blur-filter.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="../resources/intersection-observer-test-utils.js"></script>
 
 <style>
 body, html {
   margin: 0;
 }
--- a/testing/web-platform/tests/intersection-observer/v2/box-shadow.html
+++ b/testing/web-platform/tests/intersection-observer/v2/box-shadow.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="../resources/intersection-observer-test-utils.js"></script>
 
 <style>
 body, html {
   margin: 0;
 }
--- a/testing/web-platform/tests/intersection-observer/v2/cross-origin-effects.sub.html
+++ b/testing/web-platform/tests/intersection-observer/v2/cross-origin-effects.sub.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="../resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/v2/cross-origin-occlusion.sub.html
+++ b/testing/web-platform/tests/intersection-observer/v2/cross-origin-occlusion.sub.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="../resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/v2/delay-test.html
+++ b/testing/web-platform/tests/intersection-observer/v2/delay-test.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="../resources/intersection-observer-test-utils.js"></script>
 
 <style>
 body, html {
   margin: 0;
 }
--- a/testing/web-platform/tests/intersection-observer/v2/iframe-target.html
+++ b/testing/web-platform/tests/intersection-observer/v2/iframe-target.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="../resources/intersection-observer-test-utils.js"></script>
 
 <style>
 body, html {
   margin: 0;
 }
--- a/testing/web-platform/tests/intersection-observer/v2/simple-effects.html
+++ b/testing/web-platform/tests/intersection-observer/v2/simple-effects.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="../resources/intersection-observer-test-utils.js"></script>
 
 <style>
 body, html {
   margin: 0;
 }
--- a/testing/web-platform/tests/intersection-observer/v2/simple-occlusion-svg-foreign-object.html
+++ b/testing/web-platform/tests/intersection-observer/v2/simple-occlusion-svg-foreign-object.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="../resources/intersection-observer-test-utils.js"></script>
 
 <style>
 body, html {
   margin: 0;
 }
--- a/testing/web-platform/tests/intersection-observer/v2/simple-occlusion.html
+++ b/testing/web-platform/tests/intersection-observer/v2/simple-occlusion.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="../resources/intersection-observer-test-utils.js"></script>
 
 <style>
 body, html {
   margin: 0;
 }
--- a/testing/web-platform/tests/intersection-observer/v2/text-shadow.html
+++ b/testing/web-platform/tests/intersection-observer/v2/text-shadow.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="../resources/intersection-observer-test-utils.js"></script>
 
 <style>
 body, html {
   margin: 0;
 }
--- a/testing/web-platform/tests/intersection-observer/zero-area-element-hidden.html
+++ b/testing/web-platform/tests/intersection-observer/zero-area-element-hidden.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;
--- a/testing/web-platform/tests/intersection-observer/zero-area-element-visible.html
+++ b/testing/web-platform/tests/intersection-observer/zero-area-element-visible.html
@@ -1,9 +1,10 @@
 <!DOCTYPE html>
+<meta name="viewport" content="width=device-width,initial-scale=1">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="./resources/intersection-observer-test-utils.js"></script>
 
 <style>
 pre, #log {
   position: absolute;
   top: 0;