<!doctype html>
<title>Allow text fragments in HTML documents only</title>
<meta charset=utf-8>
<link rel="help" href="https://wicg.github.io/ScrollToTextFragment/">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="/common/utils.js"></script>
<script src="stash.js"></script>
<script>
// This test originates from non-html-documents.html and was moved into its own
// file because JSON does not emit `onload` in Gecko and this test would timeout
// See https://bugzil.la/1907901
function rAF(win) {
return new Promise((resolve) => {
win.requestAnimationFrame(resolve);
});
}
function openPopup(url) {
return new Promise((resolve) => {
test_driver.bless('Open a URL with a text fragment directive', () => {
const popup = window.open(url, '_blank', 'width=300,height=300');
popup.onload = () => resolve(popup);
});
});
}
const filename = 'application-json.json'
const expected = 'blocked';
const mediaType = filename.split('.')[0].replace('-', '/');
promise_test(async function (t) {
const popup = await openPopup(`resources/${filename}#:~:text=target`);
// The WPT server should provide the correct content-type header from the
// file extension.
assert_equals(popup.document.contentType, mediaType);
// rAF twice in case there is any asynchronicity in scrolling to the target.
await rAF(popup);
await rAF(popup);
const did_scroll = popup.scrollY > 0;
const expected_scroll = expected == 'allowed';
assert_equals(did_scroll, expected_scroll, 'scrolled to fragment');
popup.close();
}, `Text directive ${expected} in ${mediaType}`);
</script>
Codebase Browser
chromium