diff options
Diffstat (limited to 'testing/web-platform/tests/html/dom/render-blocking/script-inserted-style-element.html')
-rw-r--r-- | testing/web-platform/tests/html/dom/render-blocking/script-inserted-style-element.html | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/dom/render-blocking/script-inserted-style-element.html b/testing/web-platform/tests/html/dom/render-blocking/script-inserted-style-element.html new file mode 100644 index 0000000000..683706af50 --- /dev/null +++ b/testing/web-platform/tests/html/dom/render-blocking/script-inserted-style-element.html @@ -0,0 +1,26 @@ +<!doctype html> +<title>Script-inserted style elements 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 style = document.createElement('style'); +style.blocking = 'render'; +style.textContent = "@import url('support/target-red.css?pipe=trickle(d1)');"; +document.head.appendChild(style); +</script> + +<div class="target"> + This should be red +</div> + +<script> +test_render_blocking( + style, + () => { + let color = getComputedStyle(document.querySelector('.target')).color; + assert_equals(color, 'rgb(255, 0, 0)'); + }, + 'Render-blocking stylesheet is applied'); +</script> |