53 lines
2 KiB
HTML
53 lines
2 KiB
HTML
<!DOCTYPE html>
|
|
<head>
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="support/utils.js"></script>
|
|
<title><a name> should only unblock when finished parsing children</title>
|
|
|
|
<link rel=expect href="#fold" blocking="render">
|
|
<script>
|
|
async_test((t) => {
|
|
requestAnimationFrame(() => {
|
|
t.step(() => assert_true(!!document.getElementsByName("second")));
|
|
t.step(() => assert_false(!!document.getElementById("last")), "the second element should already unblock rendering");
|
|
t.done();
|
|
});
|
|
}, "blocking defers frames until full parsing");
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="first">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue
|
|
nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit
|
|
tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies
|
|
tempor mi est eget ipsum egestas.
|
|
</div>
|
|
<script>
|
|
generateParserDelay();
|
|
</script>
|
|
<a name="fold">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue
|
|
nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit
|
|
tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies
|
|
tempor mi est eget ipsum egestas.
|
|
<script>
|
|
generateParserDelay();
|
|
</script>
|
|
<div id="second">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue
|
|
nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit
|
|
tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies
|
|
tempor mi est eget ipsum egestas.
|
|
</div>
|
|
</a>
|
|
<script>
|
|
generateParserDelay();
|
|
</script>
|
|
<div id="last">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum augue
|
|
nibh, venenatis a ligula in, tempus pharetra urna. Fusce semper, velit
|
|
tincidunt lobortis sollicitudin, sapien velit fermentum odio, ultricies
|
|
tempor mi est eget ipsum egestas.
|
|
</div>
|
|
</body>
|