| <!DOCTYPE html> | |
| <head> | |
| <script src="/resources/testharness.js"></script> | |
| <script src="/resources/testharnessreport.js"></script> | |
| <script src="support/utils.js"></script> | |
| <title>link rel=expect: base URL mismatch causes link to not block</title> | |
| <base href="dummy.html"> | |
| <link rel=expect href="#second" blocking="render"> | |
| <script> | |
| async_test((t) => { | |
| requestAnimationFrame(() => { | |
| t.step(() => assert_true(!!document.getElementById("first"))); | |
| t.step(() => assert_false(!!document.getElementById("second")), "the first element should already unblock rendering"); | |
| t.done(); | |
| }); | |
| }, "link URLs are relative to base URL, not to document URL"); | |
| </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> | |
| <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> | |
| <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> |