add more tests and update TODO - webdump_tests - Testfiles for webdump
HTML git clone git://git.codemadness.org/webdump_tests
DIR Log
DIR Files
DIR Refs
DIR README
---
DIR commit a0604295e5a5f7ecbb7995e77cf5cf4237e38e2e
DIR parent 012418ee15474e04ddaac3223e009aa9bdde2538
HTML Author: Hiltjo Posthuma <hiltjo@codemadness.org>
Date: Wed, 13 Sep 2023 20:49:29 +0200
add more tests and update TODO
Diffstat:
M TODO | 5 +----
A tests/abbr.html | 3 +++
A tests/address.html | 17 +++++++++++++++++
A tests/cite.html | 9 +++++++++
A tests/datalist.html | 23 +++++++++++++++++++++++
A tests/del_ins.html | 3 +++
A tests/details.html | 4 ++++
A tests/dfn.html | 2 ++
A tests/dir.html | 11 +++++++++++
A tests/input_types_empty_value.html | 3 +++
A tests/main_article.html | 21 +++++++++++++++++++++
A tests/map.html | 15 +++++++++++++++
A tests/mark.html | 3 +++
A tests/menu.html | 13 +++++++++++++
A tests/nested_table.html | 21 +++++++++++++++++++++
A tests/nested_table_optional.html | 21 +++++++++++++++++++++
A tests/object.html | 3 +++
A tests/option.html | 45 +++++++++++++++++++++++++++++++
A tests/option_optional.html | 51 +++++++++++++++++++++++++++++++
A tests/section.html | 12 ++++++++++++
A tests/section2.html | 9 +++++++++
A tests/svg.html | 19 +++++++++++++++++++
A tests/table_caption.html | 17 +++++++++++++++++
A tests/xmp.html | 12 ++++++++++++
24 files changed, 338 insertions(+), 4 deletions(-)
---
DIR 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.
DIR 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>
DIR 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>
DIR 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>
DIR 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>
DIR 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>
DIR 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>
DIR 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>
+
DIR 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>
DIR 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 -->
DIR 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>
DIR 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>
DIR 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>
DIR 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>
DIR 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>
DIR 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>
DIR 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>
DIR 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>
DIR 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>
DIR 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>
+
DIR 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>
DIR 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>
DIR 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>
DIR 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>