Make <link rel=preload as=style> not block onload incorrectly.

And fix the only WPT for this while at it which was using the wrong URL (and thus would always pass). This actually makes me a bit uncomfortable given the amount of times I've seen the pattern: <link href="important.css" rel="preload" as="style" onload="this.rel = 'stylesheet'"> As that means that important.css won't block the load event. But let's try. Differential Revision: https://phabricator.services.mozilla.com/D86049 bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1657173 gecko-commit: d1e2ee395d42d652a84ce64be679cbe2048fa792 gecko-integration-branch: autoland gecko-reviewers: mayhemer
web-platform-tests · Sep 9, 2020 · 7ee662b · 7ee662b
1 parent 3e6d145
commit 7ee662b
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/preload/avoid-delaying-onload-link-preload-style.html b/preload/avoid-delaying-onload-link-preload-style.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/preload/resources/preload_helper.js"></script>
+<script>
+    var t = async_test('Makes sure link preload preloaded resources are not delaying onload');
+</script>
+<link rel=preload href="resources/dummy.css?pipe=trickle(d5)" as=style>
+<script>
+    window.addEventListener("load", t.step_func(function() {
+        verifyPreloadAndRTSupport();
+        verifyNumberOfResourceTimingEntries("resources/dummy.css?pipe=trickle(d5)", 0);
+        t.done();
+    }));
+</script>
diff --git a/preload/avoid-delaying-onload-link-preload.html b/preload/avoid-delaying-onload-link-preload.html
@@ -9,7 +9,7 @@
 <script>
     window.addEventListener("load", t.step_func(function() {
         verifyPreloadAndRTSupport();
-        verifyNumberOfResourceTimingEntries("/resources/dummy.js?pipe=trickle(d5)", 0);
+        verifyNumberOfResourceTimingEntries("resources/dummy.js?pipe=trickle(d5)", 0);
         t.done();
     }));
 </script>