45 lines
1.9 KiB
HTML
45 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Text Fragments Test</title>
|
|
<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>
|
|
</head>
|
|
<body>
|
|
<!--
|
|
The document performs a same-document navigation, which contains the text fragment 'foo'.
|
|
'foo' is inside of a <a> element. If it were focused, hitting `Enter` would
|
|
directly navigate to its href, which is not intended.
|
|
Instead, it should only have the sequential focus, ie. pressing `Tab` would focus the next
|
|
focusable element.
|
|
-->
|
|
<a href="#" id="link">foo</a>
|
|
<button id="next-button">Next Focusable Element</button>
|
|
<script>
|
|
// Define the test for text fragment focus behavior
|
|
promise_test(async t => {
|
|
const link = document.getElementById('link');
|
|
const nextButton = document.getElementById('next-button');
|
|
|
|
const hashChange = new Promise(r => window.addEventListener('hashchange', r, { once: true }));
|
|
|
|
// Simulate a same-document load to the text fragment
|
|
location.hash = '#some-hash-to-trigger-hashchange:~:text=foo';
|
|
|
|
await hashChange;
|
|
|
|
// Assert that the link element does not have focus initially
|
|
assert_not_equals(document.activeElement, link, 'Link element should not have focus initially');
|
|
|
|
// Simulate pressing TAB to shift focus to the next element
|
|
await test_driver.send_keys(document.body, '\uE004'); // '\uE004' is the WebDriver key code for TAB
|
|
|
|
// Assert that the next focusable element (button) has focus
|
|
assert_equals(document.activeElement, nextButton, 'Next focusable element should have focus after pressing TAB');
|
|
}, 'Text Fragment focus behavior');
|
|
</script>
|
|
</body>
|
|
</html>
|