Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 1 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /scroll-to-text-fragment/non-html-documents.html - WPT Dashboard Interop Dashboard
<!doctype html>
<title>Allow text fragments in HTML documents only</title>
<meta charset=utf-8>
<meta name="timeout" content="long">
<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>
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 test_cases = [
{
filename: 'text-html.html',
expected: 'allowed',
},
{
filename: 'text-css.css',
expected: 'blocked',
},
{
filename: 'text-javascript.js',
expected: 'blocked',
},
{
filename: 'text-plain.txt',
expected: 'allowed',
},
{
filename: 'application-xml.xml',
expected: 'blocked',
},
];
for (let test_case of test_cases) {
const filename = test_case.filename;
const expected = test_case.expected;
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>