blob: f6b4acdcddeaff81038a4fd247095ea64531419f [file] [log] [blame]
<!DOCTYPE html>
<html>
<body>
<script src="../../resources/js-test.js"></script>
<input id="defaultFocus" autofocus>
<script>
jsTestIsAsync = true;
description('This tests that -webkit-direct-focus is not recognized in author stylesheets');
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")');
shouldThrowErrorName('defaultFocus.matches(":-webkit-direct-focus")', 'SyntaxError');
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")');
shouldThrowErrorName('inputInShadowRoot.matches(":-webkit-direct-focus")', 'SyntaxError');
finishJSTest();
}
window.onload = runTest;
</script>
</body>
</html>