-
Notifications
You must be signed in to change notification settings - Fork 407
/
rendering.html
105 lines (95 loc) · 5.14 KB
/
rendering.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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Turbo</title>
<script src="/dist/turbo.es2017-umd.js" data-turbo-track="reload"></script>
<script src="/src/tests/fixtures/test.js"></script>
<script type="importmap" nonce="123">
{ "imports": { "turbo": "/dist/turbo.es2017-umd.js?123"} }
</script>
<script type="module">
const permanentVideoElementLoaded = new Promise(resolve => {
addEventListener("DOMContentLoaded", () => {
const element = document.getElementById("permanent-video")
element.addEventListener("canplaythrough", () => resolve(element), { once: true })
})
})
addEventListener("click", async event => {
if (event.target.id == "permanent-video-button") {
const element = await permanentVideoElementLoaded
element.addEventListener("timeupdate", () => element.pause(), { once: true })
element.play()
}
})
</script>
<style>
.push-off-screen { margin-top: 1000px; }
</style>
</head>
<body>
<section>
<h1>Rendering</h1>
<p><a id="same-origin-link" href="/src/tests/fixtures/one.html">Same-origin link</a></p>
<p><a id="tracked-asset-change-link" href="/src/tests/fixtures/tracked_asset_change.html">Tracked asset change</a></p>
<form id="tracked-asset-change-form" action="/__turbo/notfound" method="post"><button type="submit">Submit</button></form>
<p><a id="tracked-nonce-tag-link" href="/src/tests/fixtures/tracked_nonce_tag.html">Tracked nonce tag</a></p>
<p><a id="additional-assets-link" href="/src/tests/fixtures/additional_assets.html">Additional assets</a></p>
<p><a id="additional-script-link" href="/src/tests/fixtures/additional_script.html">Additional script</a></p>
<p><a id="head-script-link" href="/src/tests/fixtures/head_script.html">Head script</a></p>
<p><a id="body-script-link" href="/src/tests/fixtures/body_script.html">Body script</a></p>
<p><a id="eval-false-script-link" href="/src/tests/fixtures/eval_false_script.html">data-turbo-eval=false script</a></p>
<p><a id="nonexistent-link" href="/nonexistent">Nonexistent link</a></p>
<p><a id="visit-control-reload-link" href="/src/tests/fixtures/visit_control_reload.html">Visit control: reload</a></p>
<p><a id="permanent-element-link" href="/src/tests/fixtures/permanent_element.html">Permanent element</a></p>
<p><a id="permanent-in-frame-element-link" href="/src/tests/fixtures/permanent_element.html" data-turbo-frame="frame">Permanent element in frame</a></p>
<p><a id="delayed-link" href="/__turbo/delayed_response">Delayed link</a></p>
<p><a id="redirect-link" href="/__turbo/redirect">Redirect link</a></p>
<p><a id="es_locale_link" href="/src/tests/fixtures/es_locale.html">Change html[lang]</a></p>
<form>
<input type="text" id="text-input">
<input type="radio" id="radio-input">
<input type="checkbox" id="checkbox-input">
<textarea id="textarea"></textarea>
<select id="select">
<option value="1">1</option>
<option value="2">2</option>
</select>
<select id="select-multiple" multiple>
<option value="1">1</option>
<option value="2">2</option>
</select>
<input type="password" id="password-input">
<input type="reset" id="reset-input">
</form>
</section>
<div id="permanent" data-turbo-permanent>Rendering</div>
<form>
<input id="permanent-input" type="text" name="query" placeholder="Permanent input" data-turbo-permanent>
</form>
<form id="permanent-form" data-turbo-permanent>
<input id="permanent-descendant-input" type="text" name="query" placeholder="Permanent descendant input">
</form>
<turbo-frame id="frame">
<div id="permanent-in-frame" data-turbo-permanent>Rendering</div>
</turbo-frame>
<turbo-frame id="hello">
<form action="/__turbo/redirect">
<input type="hidden" name="path" value="/src/tests/fixtures/frames/hello.html">
<input id="permanent-input-in-frame" type="text" name="query" placeholder="Permanent input in frame" data-turbo-permanent>
</form>
<form id="permanent-form-in-frame" action="/__turbo/redirect" data-turbo-permanent>
<input type="hidden" name="path" value="/src/tests/fixtures/frames/hello.html">
<input id="permanent-descendant-input-in-frame" type="text" name="query" placeholder="Permanent descendant input in frame" data-turbo-permanent>
</form>
</turbo-frame>
<video id="permanent-video" data-turbo-permanent>
<source src="/src/tests/fixtures/video.webm" type="video/webm">
<source src="/src/tests/fixtures/video.mp4" type="video/mp4">
</video>
<button id="permanent-video-button" type="button">Play</button>
<hr class="push-off-screen">
<p><a id="below-the-fold-visit-control-reload-link-middle" href="/src/tests/fixtures/visit_control_reload.html#middle">Visit control: reload - middle</a></p>
<p><a id="below-the-fold-visit-control-reload-link" href="/src/tests/fixtures/visit_control_reload.html">Visit control: reload</a></p>
</body>
</html>