-
Notifications
You must be signed in to change notification settings - Fork 412
/
navigation.html
78 lines (73 loc) · 5.4 KB
/
navigation.html
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
<!DOCTYPE html>
<html id="html">
<head>
<meta charset="utf-8">
<meta name="csp-nonce" content="123">
<title>Turbo</title>
<script src="/dist/turbo.es2017-umd.js" data-turbo-track="reload"></script>
<script src="/src/tests/fixtures/test.js"></script>
<script>
class CustomLinkElement extends HTMLElement {
constructor() {
super()
this.attachShadow({ mode: 'open' })
}
connectedCallback() {
this.shadowRoot.innerHTML = `
<a href="${this.getAttribute('link')}">
${this.getAttribute('text')}
</a>
`
}
}
window.customElements.define('custom-link-element', CustomLinkElement)
</script>
<meta name="referrer" content="origin-when-cross-origin">
</head>
<body>
<a href="#main">Skip Link</a>
<a href="#main" id="refresh-link" data-turbo-action="replace">Refresh Link</a>
<a href="#ignored-link" id="ignored-link">Skipped Content</a>
<section id="main" style="height: 200vh">
<h1>Navigation</h1>
<p><a id="same-origin-unannotated-link" href="/src/tests/fixtures/one.html">Same-origin unannotated link</a></p>
<p><a id="same-origin-unannotated-link-search-params" href="/src/tests/fixtures/one.html?key=value">Same-origin unannotated link ?key=value</a></p>
<p><form id="same-origin-unannotated-form" method="get" action="/src/tests/fixtures/one.html"><button>Same-origin unannotated form</button></form></p>
<p><a id="same-origin-replace-link" href="/src/tests/fixtures/one.html" data-turbo-action="replace">Same-origin data-turbo-action=replace link</a></p>
<p><form id="same-origin-replace-form-get" action="/src/tests/fixtures/one.html" data-turbo-action="replace"><button>Same-origin data-turbo-action=replace form</button></form></p>
<p><form id="same-origin-replace-form-submitter-get" action="/src/tests/fixtures/one.html"><button data-turbo-action="replace">Same-origin data-turbo-action=replace form</button></form></p>
<form id="same-origin-replace-form-post" method="post" action="/__turbo/redirect" data-turbo-action="replace">
<input type="hidden" name="path" value="/src/tests/fixtures/one.html">
<button>Same-origin form[method="post"][data-turbo-action="replace"]</button>
</form>
<form id="same-origin-replace-form-submitter-post" method="post" action="/__turbo/redirect">
<input type="hidden" name="path" value="/src/tests/fixtures/one.html">
<button data-turbo-action="replace">Same-origin form[method="post"] button[data-turbo-action="replace"]</button>
</form>
<form id="form-post" method="post" action="/__turbo/redirect">
<input type="hidden" name="path" value="/src/tests/fixtures/one.html">
<input type="submit" id="form-post-submit" value="Submit"/>
</form>
<p><a id="same-origin-false-link" href="/src/tests/fixtures/one.html" data-turbo="false">Same-origin data-turbo=false link</a></p>
<p data-turbo="false"><a id="same-origin-unannotated-link-inside-false-container" href="/src/tests/fixtures/one.html">Same-origin unannotated link inside data-turbo=false container</a></p>
<p data-turbo="false"><a id="same-origin-true-link-inside-false-container" href="/src/tests/fixtures/one.html" data-turbo="true">Same-origin data-turbo=true link inside data-turbo=false container</a></p>
<p><a id="same-origin-anchored-link" href="/src/tests/fixtures/one.html#element-id">Same-origin anchored link</a></p>
<p><a id="same-origin-anchored-link-named" href="/src/tests/fixtures/one.html#named-anchor">Same-origin link to named anchor</a></p>
<p><a id="cross-origin-unannotated-link" href="about:blank">Cross-origin unannotated link</a></p>
<p><a id="same-origin-targeted-link" href="/src/tests/fixtures/one.html" target="_blank">Same-origin targeted link</a></p>
<p><a id="same-origin-download-link" href="/intentionally_missing_fake_download.html" download="x.html">Same-origin download link</a></p>
<svg width="600" height="100" viewbox="-300 -50 600 100"><text><a id="same-origin-link-inside-svg-element" href="/src/tests/fixtures/one.html">Same-origin link inside SVG element</a></text></svg>
<svg width="600" height="100" viewbox="-300 -50 600 100"><text><a id="cross-origin-link-inside-svg-element" href="about:blank">Cross-origin link inside SVG element</a></text></svg>
<p><a id="link-to-disabled-frame" href="/src/tests/fixtures/frames/hello.html" data-turbo-frame="hello">Disabled turbo-frame</a></p>
<p><a id="autofocus-link" href="/src/tests/fixtures/autofocus.html">autofocus.html link</a></p>
<p><a id="redirection-link" href="/__turbo/redirect?path=/src/tests/fixtures/one.html">Redirection link</a></p>
<p><a id="headers-link" href="/__turbo/headers">Headers link</a></p>
<p><custom-link-element id="custom-link-element" link="/src/tests/fixtures/one.html" text="Same-origin unannotated custom element link"></custom-link-element></p>
<p><a id="delayed-link" href="/__turbo/delayed_response">Delayed link</a></p>
<p><a id="targets-iframe" href="/src/tests/fixtures/one.html" target="iframe">Targets iframe</a></p>
<p><a id="redirect-to-cache-observer" href="/__turbo/redirect?path=/src/tests/fixtures/cache_observer.html">Redirect to cache_observer.html</a></p>
</section>
<turbo-frame id="hello" disabled></turbo-frame>
<iframe name="iframe"></iframe>
</body>
</html>