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
|
<!DOCTYPE html>
<meta charset="utf-8">
<title>summary element: clicking on anchor without link</title>
<link rel="author" title="Di Zhang" href="mailto:dizhangg@chromium.org">
<link rel="help" href="https://html.spec.whatwg.org/C/#the-summary-element">
<link rel="help" href="https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-a-element">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<details id="details">
<summary><a id="no_inline">Details</a></summary>
<p>Text</p>
</details>
<details id="details_inline">
<summary><a><i id="has_inline">Details</i></a></summary>
<p>Text</p>
</details>
<script>
async function testClickingOnAnchorWithoutLink (detailsId, targetId) {
const details = document.getElementById(detailsId);
const target = document.getElementById(targetId);
const initialLoc = location.hash;
assert_false(details.open);
target.click();
assert_true(details.open);
assert_equals(location.hash, initialLoc);
}
promise_test(() => testClickingOnAnchorWithoutLink('details', 'no_inline'),
"clicking on anchor without link should open details and not navigate.");
promise_test(() => testClickingOnAnchorWithoutLink('details_inline', 'has_inline'),
"clicking on anchor without link, with embedded inline element should open details and not navigate.");
</script>
|
