Skip to content

Commit cc3c1ea

Browse files
ad-siad-si
committed
Extract failing tests, clean up HTML for tests
1 parent 732f9d7 commit cc3c1ea

File tree

3 files changed

+230
-207
lines changed

3 files changed

+230
-207
lines changed

Diff for: ‎tests/html5-embed.html

+144
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,144 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<title>HTML5 Embedded Test</title>
6+
</head>
7+
8+
<body>
9+
<header>
10+
<h2>Embedded content</h2>
11+
</header>
12+
13+
<article id="embedded_images">
14+
<header>
15+
<h2>Images</h2>
16+
</header>
17+
<div>
18+
<h3>Plain <code>&lt;img&gt;</code> element</h3>
19+
<p><img src="https://this-site-does-not-exist.com/kitten" alt="Photo of a kitten"></p>
20+
<h3><code>&lt;figure&gt;</code> element with <code>&lt;img&gt;</code> element</h3>
21+
<figure><img src="https://placehold.co/420x420.webp" alt="Photo of a kitten"></figure>
22+
<h3><code>&lt;figure&gt;</code> element with <code>&lt;img&gt;</code> and <code>&lt;figcaption&gt;</code>
23+
elements</h3>
24+
<figure>
25+
<img src="https://placehold.co/420x420.webp" alt="Photo of a kitten">
26+
<figcaption>Here is a caption for this image.</figcaption>
27+
</figure>
28+
<h3><code>&lt;figure&gt;</code> element with a <code>&lt;picture&gt;</code> element</h3>
29+
<figure>
30+
<picture>
31+
<source srcset="https://placehold.co/800x800.webp" media="(min-width: 800px)">
32+
<img src="https://placehold.co/420x420.webp" alt="Photo of a kitten" />
33+
</picture>
34+
</figure>
35+
</div>
36+
<footer>
37+
<p><a href="#top">[Top]</a></p>
38+
</footer>
39+
</article>
40+
41+
<article id="embedded_bgimages">
42+
<header>
43+
<h2>Background images</h2>
44+
</header>
45+
<div style="background-image:url('https://placehold.co/300x300.webp'); width:300px; height: 300px;"></div>
46+
<footer>
47+
<p><a href="#top">[Top]</a></p>
48+
</footer>
49+
</article>
50+
51+
<article id="embedded_audio">
52+
<header>
53+
<h2>Audio</h2>
54+
</header>
55+
<div><audio controls="">audio</audio></div>
56+
<footer>
57+
<p><a href="#top">[Top]</a></p>
58+
</footer>
59+
</article>
60+
61+
<article id="embedded_video">
62+
<header>
63+
<h2>Video</h2>
64+
</header>
65+
<div><video controls="">video</video></div>
66+
<footer>
67+
<p><a href="#top">[Top]</a></p>
68+
</footer>
69+
</article>
70+
71+
<article id="embedded_canvas">
72+
<header>
73+
<h2>Canvas</h2>
74+
</header>
75+
<div><canvas>canvas</canvas></div>
76+
<footer>
77+
<p><a href="#top">[Top]</a></p>
78+
</footer>
79+
</article>
80+
81+
<article id="embedded_meter">
82+
<header>
83+
<h2>Meter</h2>
84+
</header>
85+
<div><meter value="2" min="0" max="10">2 out of 10</meter></div>
86+
<footer>
87+
<p><a href="#top">[Top]</a></p>
88+
</footer>
89+
</article>
90+
91+
<article id="embedded_progress">
92+
<header>
93+
<h2>Progress</h2>
94+
</header>
95+
<div><progress>progress</progress></div>
96+
<footer>
97+
<p><a href="#top">[Top]</a></p>
98+
</footer>
99+
</article>
100+
101+
<article id="embedded_svg">
102+
<header>
103+
<h2>Inline SVG</h2>
104+
</header>
105+
<div><svg width="100px" height="100px">
106+
<circle cx="100" cy="100" r="100" fill="#1fa3ec"></circle>
107+
</svg></div>
108+
<footer>
109+
<p><a href="#top">[Top]</a></p>
110+
</footer>
111+
</article>
112+
113+
<article id="embedded_iframe">
114+
<header>
115+
<h2>IFrame</h2>
116+
</header>
117+
<div><iframe src="index.html" height="300"></iframe></div>
118+
<footer>
119+
<p><a href="#top">[Top]</a></p>
120+
</footer>
121+
</article>
122+
123+
<article id="embedded_embed">
124+
<header>
125+
<h2>Embed</h2>
126+
</header>
127+
<div><embed src="index.html" height="300"></div>
128+
<footer>
129+
<p><a href="#top">[Top]</a></p>
130+
</footer>
131+
</article>
132+
133+
<article id="embedded_object">
134+
<header>
135+
<h2>Object</h2>
136+
</header>
137+
<div><object data="index.html" height="300"></object></div>
138+
<footer>
139+
<p><a href="#top">[Top]</a></p>
140+
</footer>
141+
</article>
142+
</body>
143+
144+
</html>

0 commit comments

Comments
 (0)