blob: 0c5fce90339d21f434ebaf0975402313f7e304dd (
plain) (
blame)
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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
|
<!DOCTYPE html>
<title>Navigate to Fragment - issue #1716</title>
<meta name=timeout content=long>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
.test-target{
height:20em;
}
.bottom-padding{
height:200em;
}
</style>
<p id="test0">
Manual test to check each link goes to the right place.</p>
<table id="tests-table">
<thead>
<th>Fragment Identifier</th>
<th>Intended Fragment</th>
<th>Test Target</th>
<th>Description</th>
</thead>
<tbody>
<tr>
<td><a href="#top">#top</a></td>
<td>Document</td>
<td>test0</td>
<td>Top of document</td>
</tr>
<tr>
<td><a href="#TOP">#TOP</a></a></td>
<td>Document</td>
<td>test0</td>
<td>Top of document</td>
</tr>
<tr>
<td><a href="#Top">#Top</a></a></td>
<td><p id="Top"></td>
<td>test8</td>
<td>Id takes precendence over "top"</td>
</tr>
<tr>
<td><a href="#sanity-check">#sanity-check</a></td>
<td><p id="sanity-check"></td>
<td>test1</td>
<td>Sanity check</td>
</tr>
<tr>
<td><a href="#has%20space">#has%20space</a></td>
<td><p id="has space"></td>
<td>test2</td>
<td>Contains a space</td>
</tr>
<tr>
<td><a href="#escaped%20space">#escaped%20space</a></td>
<td><p id="escaped%20space"></td>
<td></td>
<td>Contains an escaped space. Only decoded fragid is used for ids.</td>
</tr>
<tr>
<td><a href="#escaped%20unescaped%20collide">#escaped%20unescaped%20collide</a></td>
<td><p id="escaped unescaped collide"></td>
<td>test4</td>
<td>Another element has the same id but pecent-encoded. The decoded one should win.</td>
</tr>
<tr>
<td><a href="#name-match">#name-match</a></td>
<td><a name="name-match"></td>
<td>test5</td>
<td></td>
</tr>
<tr>
<td><a href="#name-collide">#name-collide</a></td>
<td><a id="name-collide"></td>
<td>test6</td>
<td>Same id as an anchor name. Id should win.</td>
</tr>
<tr>
<td><a href="#escaped%20name">#escaped%20name</a></td>
<td><a name="escaped%20name"></td>
<td>test7</td>
<td>Undecoded fragid should be used for anchor names.</td>
</tr>
</tbody>
</table>
<div class="test-target" id="test1">
<p id="sanity-check">span id="sanity-check"</p><p>SUCCESS test1</p>
</div>
<div class="test-target" id="test2">
<p id="has space">span id="has space"</p><p>SUCCESS test2</p>
</div>
<div class="test-target" id="test3">
<p id="escaped%20space">span id="escaped%20space"</p><p>FAIL test3</p>
Not in whatwg spec, but a <em>tolerant</em> implementation would do this to give content creator what they probably intended.
</div>
<div class="test-target" id="test4">
<p id="escaped unescaped collide">span id="escaped unescaped collide"</p><p>SUCCESS test4</p>
</div>
<div class="test-target">
<p id="escaped%20unescaped%20collide">span id="escaped%20unescaped%20collide"</p><p>FAIL test4</p>
Not in whatwg spec, but a <em>tolerant</em> implementation would do this to give content creator what they probably intended.
</div>
<div class="test-target" id="test5">
<a name="name-match">a name="name-match"</a><p>SUCCESS test5</p>
</div>
<div class="test-target">
<a name="name-collide">a name="name-collide"</a><p>FAIL test6</p>
An anchor name and an id have the same value. The id should take precence!
</div>
<div class="test-target" id="test6">
<a id="name-collide">a id="name-collide"</a><p>SUCCESS test6</p>
</div>
<div class="test-target" id="test7">
<a name="escaped%20name">a name="escaped%20name"</a><p>SUCCESS test7</p>
</div>
<div class="test-target" id="test8">
<p id="Top">p id="Top"</a><p>SUCCESS test8</p>
</div>
<div class="bottom-padding"/>
|
