26 lines
765 B
HTML
26 lines
765 B
HTML
<!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>
|