76 lines
2 KiB
HTML
76 lines
2 KiB
HTML
<!doctype html>
|
|
<title>Allow text fragments in HTML documents only</title>
|
|
<meta charset=utf-8>
|
|
<meta name="timeout" content="long">
|
|
<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>
|
|
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>
|