mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2026-04-19 10:20:22 +00:00
65910dc343
Update a couple of focus-related spec steps and their implementations. The most relevant change is that we no longer allow focusing on elements that return false for `->is_focusable()`, which necessitates fixing a broken test that tried to `.focus()` on `<div>`s that were not focusable. That test's output now more accurately reflects the expected outcome as seen in other browsers.
55 lines
2 KiB
HTML
55 lines
2 KiB
HTML
<!DOCTYPE html>
|
|
<div id="1" tabindex="0">
|
|
<div id="2" tabindex="0">
|
|
<div id="3" tabindex="0"></div>
|
|
</div>
|
|
<div id="4" tabindex="0">
|
|
<div id="5" tabindex="0"></div>
|
|
</div>
|
|
</div>
|
|
<script src="include.js"></script>
|
|
<script>
|
|
test(() => {
|
|
function targetToString(target) {
|
|
if (target[Symbol.toStringTag] === "Window")
|
|
return "window";
|
|
|
|
return `${target.tagName}#${target.id}`;
|
|
}
|
|
|
|
const div1 = document.getElementById("1");
|
|
const div2 = document.getElementById("2");
|
|
const div3 = document.getElementById("3");
|
|
const div4 = document.getElementById("4");
|
|
const div5 = document.getElementById("5");
|
|
|
|
[window, div1, div2, div3, div4, div5].forEach(focusTarget => {
|
|
const focusTargetString = targetToString(focusTarget);
|
|
|
|
focusTarget.onblur = (event) => {
|
|
println(`${focusTargetString} received blur event, target: ${targetToString(event.target)}, currentTarget: ${targetToString(event.currentTarget)}`);
|
|
};
|
|
|
|
focusTarget.onfocus = (event) => {
|
|
println(`${focusTargetString} received focus event, target: ${targetToString(event.target)}, currentTarget: ${targetToString(event.currentTarget)}`);
|
|
};
|
|
|
|
focusTarget.onfocusin = (event) => {
|
|
println(`${focusTargetString} received focusin event, target: ${targetToString(event.target)}, currentTarget: ${targetToString(event.currentTarget)}`);
|
|
};
|
|
|
|
focusTarget.onfocusout = (event) => {
|
|
println(`${focusTargetString} received focusout event, target: ${targetToString(event.target)}, currentTarget: ${targetToString(event.currentTarget)}`);
|
|
};
|
|
});
|
|
|
|
println("== div3 focus");
|
|
div3.focus();
|
|
println("== div5 focus");
|
|
div5.focus();
|
|
println("== div1 focus");
|
|
div1.focus();
|
|
println("== window focus");
|
|
window.focus();
|
|
});
|
|
</script>
|