commit a0604295e5a5f7ecbb7995e77cf5cf4237e38e2e
parent 012418ee15474e04ddaac3223e009aa9bdde2538
Author: Hiltjo Posthuma <hiltjo@codemadness.org>
Date: Wed, 13 Sep 2023 20:49:29 +0200
add more tests and update TODO
Diffstat:
24 files changed, 338 insertions(+), 4 deletions(-)
diff --git a/TODO b/TODO
@@ -1,5 +1,2 @@
-- tests for <nav>, <article>, <aside>, <details>, etc
-- test nested tables.
-- test nested tables with optional tags.
-- test optional <option> tags in <select>.
+- OpenBSD 73.html page with <p> </section> has no margin bottom.
- test all optional tags.
diff --git a/tests/abbr.html b/tests/abbr.html
@@ -0,0 +1,3 @@
+<h1>The abbr element</h1>
+
+<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
diff --git a/tests/address.html b/tests/address.html
@@ -0,0 +1,17 @@
+<h1>The address element</h1>
+
+<address>
+Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
+Visit us at:<br>
+Example.com<br>
+Box 564, Disneyland<br>
+USA
+</address>
+
+<address>
+Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
+Visit us at:<br>
+Example.com<br>
+Box 564, Disneyland<br>
+USA
+</address>
diff --git a/tests/cite.html b/tests/cite.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Title of the document</title>
+ </head>
+ <body>
+ <p>Michelangelo sculpted <cite>David</cite> between 1501 and 1504</p>
+ </body>
+</html>
diff --git a/tests/datalist.html b/tests/datalist.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<h1>The datalist element</h1>
+
+<form action="/action_page.php" method="get">
+ <label for="browser">Choose your browser from the list:</label>
+ <input list="browsers" name="browser" id="browser">
+ <datalist id="browsers">
+ <option value="Edge">
+ <option value="Firefox">
+ <option value="Chrome">
+ <option value="Opera">
+ <option value="Safari">
+ </datalist>
+ <input type="submit">
+</form>
+
+<p><strong>Note:</strong> The datalist tag is not supported in Safari 12.0 (or earlier).</p>
+
+</body>
+</html>
diff --git a/tests/del_ins.html b/tests/del_ins.html
@@ -0,0 +1,3 @@
+<h1>The del element</h1>
+
+<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
diff --git a/tests/details.html b/tests/details.html
@@ -0,0 +1,4 @@
+ <details>
+ <summary>Epcot Center</summary>
+ <p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
+</details>
diff --git a/tests/dfn.html b/tests/dfn.html
@@ -0,0 +1,2 @@
+<p><dfn>HTML</dfn> is the standard markup language for creating web pages.</p>
+
diff --git a/tests/dir.html b/tests/dir.html
@@ -0,0 +1,11 @@
+<!--
+NOTE: the dir tag is deprecated
+-->
+
+<div>
+ <a href="#">NASA’s Webb Delivers Deepest Infrared Image of Universe Yet</a>
+ <dir>
+ <li><button id="save">Save for later</button></li>
+ <li><button id="share">Share this news</button></li>
+ </dir>
+</div>
diff --git a/tests/input_types_empty_value.html b/tests/input_types_empty_value.html
@@ -0,0 +1,3 @@
+<input type="button" />
+<input type="submit" /> <!-- Submit Query -->
+<input type="reset" /> <!-- Reset -->
diff --git a/tests/main_article.html b/tests/main_article.html
@@ -0,0 +1,21 @@
+<h1>The main element</h1>
+
+<main>
+ <h1>Most Popular Browsers</h1>
+ <p>Chrome, Firefox, and Edge are the most used browsers today.</p>
+
+ <article>
+ <h2>Google Chrome</h2>
+ <p>Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!</p>
+ </article>
+
+ <article>
+ <h2>Mozilla Firefox</h2>
+ <p>Mozilla Firefox is an open-source web browser developed by Mozilla. Firefox has been the second most popular web browser since January, 2018.</p>
+ </article>
+
+ <article>
+ <h2>Microsoft Edge</h2>
+ <p>Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.</p>
+ </article>
+</main>
diff --git a/tests/map.html b/tests/map.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Title of the document</title>
+ </head>
+ <body>
+ <p>Click on the logo or on one of the logo items to watch it closer:</p>
+ <img src="/uploads/media/default/0001/01/0f94cf189afcdc39c4df2a73d230d1a7425ee66d.png" width="145" height="126" alt="block" usemap="#blockmap">
+ <map name="blockmap">
+ <area shape="circle" coords="45,58,30" alt="html-book" href="https://www.w3docs.com/learn-html.html">
+ <area shape="circle" coords="88,64,15" alt="html-quiz" href="https://www.w3docs.com/quiz-start/html-basic">
+ <area shape="circle" coords="114,67,14" alt="html-snippets" href="https://www.w3docs.com/snippets/html.html">
+ </map>
+ </body>
+</html>
diff --git a/tests/mark.html b/tests/mark.html
@@ -0,0 +1,3 @@
+<h1>The mark element</h1>
+
+<p>Do not forget to buy <mark>milk</mark> today.</p>
diff --git a/tests/menu.html b/tests/menu.html
@@ -0,0 +1,13 @@
+<!--
+"The <menu> HTML element is described in the HTML specification as a semantic alternative to <ul>,
+but treated by browsers (and exposed through the accessibility tree) as no different than <ul>.
+It represents an unordered list of items (which are represented by <li> elements)."
+-->
+
+<div class="news">
+ <a href="#">NASA’s Webb Delivers Deepest Infrared Image of Universe Yet</a>
+ <menu>
+ <li><button id="save">Save for later</button></li>
+ <li><button id="share">Share this news</button></li>
+ </menu>
+</div>
diff --git a/tests/nested_table.html b/tests/nested_table.html
@@ -0,0 +1,21 @@
+
+<table>
+<tr><td>1</td><td>2</td><td>3</td></tr>
+
+<tr>
+
+<td>4</td>
+<td>
+
+ <table>
+ <tr><td>5.1</td><td>5.2</td><td>5.3</td></tr>
+ <tr><td>5.4</td><td>5.5</td><td>5.6</td></tr>
+ </table>
+
+</td>
+ <td>6</td>
+</tr>
+
+<tr><td>7</td><td>8</td><td>9</td></tr>
+
+</table>
diff --git a/tests/nested_table_optional.html b/tests/nested_table_optional.html
@@ -0,0 +1,21 @@
+
+<table>
+<tr><td>1<td>2<td>3
+
+<tr>
+
+<td>4</td>
+<td>
+
+ <table>
+ <tr><td>5.1<td>5.2<td>5.3
+ <tr><td>5.4<td>5.5<td>5.6
+ </table>
+
+</td>
+ <td>6
+
+
+<tr><td>7<td>8<td>9
+
+</table>
diff --git a/tests/object.html b/tests/object.html
@@ -0,0 +1,3 @@
+<h1>The object element</h1>
+
+<object data="pic_trulli.jpg" width="300" height="200"></object>
diff --git a/tests/option.html b/tests/option.html
@@ -0,0 +1,45 @@
+<select>
+<option>1</option>
+<option>2</option>
+<option>3</option>
+</select>
+
+<hr/>
+
+<select>
+<option>1</option>
+<option>2</option>
+<option selected>3</option>
+</select>
+
+<hr/>
+
+<select>
+<option>1</option>
+<option>2</option>
+<option selected><b>some markup</b> 3</option>
+</select>
+
+<hr/>
+
+<select multiple>
+<option>1</option>
+<option>2</option>
+<option>3</option>
+</select>
+
+<hr/>
+
+<select multiple>
+<option>1</option>
+<option selected>2</option>
+<option selected>3</option>
+</select>
+
+<hr/>
+
+<select multiple>
+<option>1</option>
+<option selected>2</option>
+<option hidden selected>3</option>
+</select>
diff --git a/tests/option_optional.html b/tests/option_optional.html
@@ -0,0 +1,51 @@
+<select>
+<option>1
+<option>2
+<option>3
+</select>
+
+<hr/>
+
+<select>
+<option>1<option>2<option>3
+</select>
+
+<hr/>
+
+<select>
+<option>1
+<option>2
+<option selected>3
+</select>
+
+<hr/>
+
+<select>
+<option>1
+<option>2
+<option selected><b>some markup</b> 3
+</select>
+
+<hr/>
+
+<select multiple>
+<option>1
+<option>2
+<option>3
+</select>
+
+<hr/>
+
+<select multiple>
+<option>1
+<option selected>2
+<option selected>3
+</select>
+
+<hr/>
+
+<select multiple>
+<option>1
+<option selected>2
+<option hidden selected>3
+</select>
diff --git a/tests/section.html b/tests/section.html
@@ -0,0 +1,12 @@
+<h1>The section element</h1>
+
+<section>
+ <h2>WWF History</h2>
+ <p>The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.</p>
+</section>
+
+<section>
+ <h2>WWF's Symbol</h2>
+ <p>The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.</p>
+</section>
+
diff --git a/tests/section2.html b/tests/section2.html
@@ -0,0 +1,9 @@
+<h1>The section element</h1>
+
+<section>
+ The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.
+</section>
+
+<section>
+ The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.
+</section>
diff --git a/tests/svg.html b/tests/svg.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Title of the document</title>
+ </head>
+ <body>
+ <div style="display:flex; flex-flow:row wrap;">
+ <svg width="180" height="180">
+ <rect x="20" y="20" rx="20" ry="20" width="100" height="100" style="fill:lightgray; stroke:#1c87c9; stroke-width:4;"/>
+ </svg>
+ <svg width="200" height="200">
+ <circle cx="100" cy="70" r="60" stroke="#1c87c9" stroke-width="4" fill="lightgray"/>
+ </svg>
+ <svg width="200" height="200">
+ <polygon points="100,10 40,198 190,78 10,78 160,198" style="fill:lightgray; stroke:#1c87c9; stroke-width:4; fill-rule:evenodd;"/>
+ </svg>
+ </div>
+ </body>
+</html>
diff --git a/tests/table_caption.html b/tests/table_caption.html
@@ -0,0 +1,17 @@
+<h1>The caption element</h1>
+
+<table>
+ <caption>Monthly savings</caption>
+ <tr>
+ <th>Month</th>
+ <th>Savings</th>
+ </tr>
+ <tr>
+ <td>January</td>
+ <td>$100</td>
+ </tr>
+ <tr>
+ <td>February</td>
+ <td>$50</td>
+ </tr>
+</table>
diff --git a/tests/xmp.html b/tests/xmp.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>The title of the document</title>
+ </head>
+ <body>
+ <xmp> This is a preformatted text.
+ All characters in this area have the same width,
+ and the spaces and line breaks within this element are shown as typed.
+ </xmp>
+ </body>
+</html>