1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:h="http://www.w3.org/1999/xhtml">
<title>Autofocus attribute</title>
<metadata>
<h:link rel="help" href="https://svgwg.org/svg2-draft/struct.html#autofocusattribute"/>
</metadata>
<h:script src="/resources/testharness.js"/>
<h:script src="/resources/testharnessreport.js"/>
<h:script src="/html/interaction/focus/the-autofocus-attribute/resources/utils.js"/>
<script><![CDATA[
const SVG_NS = 'http://www.w3.org/2000/svg';
promise_test(async t => {
let w = window.open('support/blank.svg');
await waitForLoad(w);
t.add_cleanup(() => { w.close(); });
const svgA = w.document.createElementNS(SVG_NS, 'a');
svgA.setAttribute('href', '#');
svgA.setAttribute('autofocus', 'autofocus');
w.document.documentElement.appendChild(svgA);
await waitUntilStableAutofocusState(w);
assert_equals(w.document.activeElement, svgA);
}, '<a> should support autofocus');
promise_test(async t => {
let w = window.open('support/blank.svg');
await waitForLoad(w);
t.add_cleanup(() => { w.close(); });
const path = w.document.createElementNS(SVG_NS, 'path');
path.setAttribute('d', 'M0,0h8v8z');
path.setAttribute('tabindex', '0');
path.setAttribute('autofocus', 'autofocus');
w.document.documentElement.appendChild(path);
await waitUntilStableAutofocusState(w);
assert_equals(w.document.activeElement, path);
}, 'Renderable element with tabindex should support autofocus');
promise_test(async t => {
let w = window.open('support/blank.svg');
await waitForLoad(w);
t.add_cleanup(() => { w.close(); });
let element = w.document.createElementNS(SVG_NS, 'metadata');
element.setAttribute('tabindex', '0');
element.setAttribute('autofocus', 'autofocus');
w.document.documentElement.appendChild(element);
await waitUntilStableAutofocusState(w);
// https://html.spec.whatwg.org/C/#dom-documentorshadowroot-activeelement
// 6. If candidate's document element is non-null, then return that document
// element.
assert_equals(w.document.activeElement.tagName, 'svg');
}, 'Never-rendered element with tabindex should not support autofocus');
]]></script>
</svg>
|
