0e9da38726
The event listener doesn't block the promise, so the asserts inside the listener don't run without this change (it's trivial to check by expanding the asserts in the test summary). Differential Revision: https://phabricator.services.mozilla.com/D217200
46 lines
1.9 KiB
HTML
46 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>
|