diff options
Diffstat (limited to 'testing/web-platform/tests/html/dom/render-blocking/script-inserted-stylesheet-link.tentative.html')
-rw-r--r-- | testing/web-platform/tests/html/dom/render-blocking/script-inserted-stylesheet-link.tentative.html | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/dom/render-blocking/script-inserted-stylesheet-link.tentative.html b/testing/web-platform/tests/html/dom/render-blocking/script-inserted-stylesheet-link.tentative.html new file mode 100644 index 0000000000..46755387d7 --- /dev/null +++ b/testing/web-platform/tests/html/dom/render-blocking/script-inserted-stylesheet-link.tentative.html @@ -0,0 +1,27 @@ +<!doctype html> +<title>Script-inserted stylesheet links with "blocking=render" are render-blocking</title> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="support/test-render-blocking.js"></script> + +<script> +const stylesheet = document.createElement('link'); +stylesheet.rel = 'stylesheet'; +stylesheet.href = 'support/target-red.css?pipe=trickle(d1)'; +stylesheet.blocking = 'render'; +document.head.appendChild(stylesheet); +</script> + +<div class="target"> + This should be red +</div> + +<script> +test_render_blocking( + stylesheet, + () => { + let color = getComputedStyle(document.querySelector('.target')).color; + assert_equals(color, 'rgb(255, 0, 0)'); + }, + 'Render-blocking stylesheet is applied'); +</script> |