element-render-blocking-030.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/dom/render-blocking/element-render-blocking-030.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<head>

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script src="support/utils.js"></script>

<title>&lt;a name&gt; 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>