Bug 1730709 - Tweak some lazy-load tests to not share URLs. r=nika

Since that can make them spuriously not be lazy, depending on cache behavior. Differential Revision: https://phabricator.services.mozilla.com/D125565
iaxat · Sep 14, 2021 · 95a5477 · 95a5477
1 parent 5345e64
commit 95a5477
Show file tree

Hide file tree

Showing 9 changed files with 14 additions and 20 deletions.
diff --git a/...ml/semantics/embedded-content/the-img-element/image-loading-lazy-negative-margin.html.ini b/...ml/semantics/embedded-content/the-img-element/image-loading-lazy-negative-margin.html.ini
diff --git a/...semantics/embedded-content/the-img-element/image-loading-lazy-below-viewport-dynamic.html b/...semantics/embedded-content/the-img-element/image-loading-lazy-below-viewport-dynamic.html
@@ -34,7 +34,7 @@
 
 <body>
   <div style="height:10000px;"></div>
-  <img id="below_viewport" src="resources/image.png?pipe=trickle(d2)"
+  <img id="below_viewport" src="resources/image.png?below-viewport-dynamic&pipe=trickle(d2)"
        loading="lazy" onload="below_viewport_img_onload();">
   <script>
     assert_false(has_window_loaded,

diff --git a/...ml/semantics/embedded-content/the-img-element/image-loading-lazy-in-viewport-dynamic.html b/...ml/semantics/embedded-content/the-img-element/image-loading-lazy-in-viewport-dynamic.html
@@ -32,7 +32,7 @@
 </script>
 
 <body>
-  <img id="in_viewport" src="resources/image.png?pipe=trickle(d2)"
+  <img id="in_viewport" src="resources/image.png?in-viewport-dynamic&pipe=trickle(d2)"
        loading="lazy" onload="in_viewport_img_onload();">
   <script>
     document.getElementById("in_viewport").loading = 'eager';

diff --git a/...s/html/semantics/embedded-content/the-img-element/image-loading-lazy-negative-margin.html b/...s/html/semantics/embedded-content/the-img-element/image-loading-lazy-negative-margin.html
@@ -25,7 +25,7 @@
 
   <div style="width: 200px; height: 200px; overflow: hidden;">
     <img id="negative_margin" width="5px"; style="margin-left: -10px;"
-         loading="lazy" src="resources/image.png"
+         loading="lazy" src="resources/image.png?loading-lazy-negative-margin"
          onload="window.negative_margin_onload()">
   </div>
 

diff --git a/...tml/semantics/embedded-content/the-img-element/image-loading-lazy-relevant-mutations.html b/...tml/semantics/embedded-content/the-img-element/image-loading-lazy-relevant-mutations.html
@@ -61,23 +61,23 @@
       below_viewport_3.onerror = reject;
       t.step_timeout(resolve, 1000);
 
-      below_viewport_3.src = "resources/image.png?change";
+      below_viewport_3.src = "resources/image.png?relevant-mutations-change";
     });
   }, "Image src mutation does not cause deferred loading=lazy " +
      "images to be fetched");
 </script>
 
 <body>
   <div style="height:1000vh;"></div>
-  <img id="below-viewport-1" src="resources/image.png?1" loading="lazy"
+  <img id="below-viewport-1" src="resources/image.png?relevant-mutations-1" loading="lazy"
        onload="below_viewport_1_loaded = true"
        onerror="below_viewport_1_loaded = true">
 
-  <img id="below-viewport-2" src="resources/image.png?2" loading="lazy"
+  <img id="below-viewport-2" src="resources/image.png?relevant-mutations-2" loading="lazy"
        onload="below_viewport_2_loaded = true"
        onerror="below_viewport_2_loaded = true">
 
-  <img id="below-viewport-3" src="resources/image.png?3" loading="lazy"
+  <img id="below-viewport-3" src="resources/image.png?relevant-mutations-3" loading="lazy"
        onload="below_viewport_3_loaded = true"
        onerror="below_viewport_3_loaded = true">
 </body>
diff --git a/...html/semantics/embedded-content/the-img-element/image-loading-lazy-slow-aspect-ratio.html b/...html/semantics/embedded-content/the-img-element/image-loading-lazy-slow-aspect-ratio.html
@@ -13,9 +13,9 @@
     loaded = true;
     target.src = "";
     requestAnimationFrame(() => requestAnimationFrame(() => {
-      target.src = "resources/image.png?pipe=trickle(d2)";
+      target.src = "resources/image.png?slow-aspect-ratio&pipe=trickle(d2)";
       takeScreenshot();
     }));
   };
-  target.src = "resources/image.png";
+  target.src = "resources/image.png?slow-aspect-ratio";
 </script>
diff --git a/...atform/tests/html/semantics/embedded-content/the-img-element/image-loading-lazy-slow.html b/...atform/tests/html/semantics/embedded-content/the-img-element/image-loading-lazy-slow.html
@@ -14,9 +14,9 @@
     loaded = true;
     target.src = "";
     requestAnimationFrame(() => requestAnimationFrame(() => {
-      target.src = "resources/image.png?pipe=trickle(d2)";
+      target.src = "resources/image.png?loading-lazy-slow&pipe=trickle(d2)";
       takeScreenshot();
     }));
   };
-  target.src = "resources/image.png";
+  target.src = "resources/image.png?loading-lazy-slow";
 </script>
diff --git a/...rm/tests/html/semantics/embedded-content/the-img-element/image-loading-lazy-to-eager.html b/...rm/tests/html/semantics/embedded-content/the-img-element/image-loading-lazy-to-eager.html
@@ -47,9 +47,9 @@
 <body>
   <div style="height:1000vh;"></div>
   <img id="img_1"
-       src="resources/image.png?1"
+       src="resources/image.png?lazy-to-eager-1"
        loading="lazy" onload="img_1_onload();">
   <img id="img_2"
-       src="resources/image.png?2"
+       src="resources/image.png?lazy-to-eager-2"
        loading="lazy" onload="img_2_onload();">
 </body>
diff --git a/...mantics/embedded-content/the-img-element/resources/image-loading-lazy-below-viewport.html b/...mantics/embedded-content/the-img-element/resources/image-loading-lazy-below-viewport.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <div style="height:1000vh;"></div>
 
-<img id="img" loading="lazy" src="image.png">
+<img id="img" loading="lazy" src="image.png?lazy-below-viewport">
 
 <script>
   const img = document.querySelector('#img');