2019-10-07 20:58:04 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<body>
|
|
|
|
|
<script src="../../resources/js-test.js"></script>
|
|
|
|
|
<input id="defaultFocus" autofocus>
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
jsTestIsAsync = true;
|
|
|
|
|
|
2021-06-30 12:53:29 +00:00
|
|
|
description('This tests that -internal-direct-focus is not recognized in author stylesheets');
|
2019-10-07 20:58:04 +00:00
|
|
|
|
|
|
|
|
let focusedDefault = false;
|
|
|
|
|
function didFocusDefault() { }
|
|
|
|
|
function checkFocusMatch() {
|
|
|
|
|
if (defaultFocus.matches(':focus')) {
|
|
|
|
|
focusedDefault = true;
|
|
|
|
|
didFocusDefault();
|
|
|
|
|
} else
|
|
|
|
|
setTimeout(checkFocusMatch, 100);
|
|
|
|
|
}
|
|
|
|
|
defaultFocus.addEventListener('focus', checkFocusMatch);
|
|
|
|
|
|
|
|
|
|
function waitForFrameToBeFocused(test)
|
|
|
|
|
{
|
|
|
|
|
return new Promise((resolve) => {
|
|
|
|
|
if (focusedDefault)
|
|
|
|
|
resolve();
|
|
|
|
|
else
|
|
|
|
|
didFocusDefault = resolve;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
async function runTest() {
|
|
|
|
|
await waitForFrameToBeFocused();
|
|
|
|
|
|
|
|
|
|
shouldBeTrue('defaultFocus.matches(":focus")');
|
2021-06-30 12:53:29 +00:00
|
|
|
shouldThrowErrorName('defaultFocus.matches(":-internal-direct-focus")', 'SyntaxError');
|
2019-10-07 20:58:04 +00:00
|
|
|
|
|
|
|
|
const host = document.body.appendChild(document.createElement('div'));
|
|
|
|
|
const shadowRoot = host.attachShadow({mode: 'closed'});
|
|
|
|
|
shadowRoot.innerHTML = '<input>';
|
|
|
|
|
window.inputInShadowRoot = shadowRoot.firstChild;
|
|
|
|
|
inputInShadowRoot.focus();
|
|
|
|
|
|
|
|
|
|
shouldBeTrue('inputInShadowRoot.matches(":focus")');
|
2021-06-30 12:53:29 +00:00
|
|
|
shouldThrowErrorName('inputInShadowRoot.matches(":-internal-direct-focus")', 'SyntaxError');
|
2019-10-07 20:58:04 +00:00
|
|
|
|
|
|
|
|
finishJSTest();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
window.onload = runTest;
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
