11 files changed, 195 insertions, 0 deletions
diff --git a/test/html/render/b-div.html b/test/html/render/b-div.html
new file mode 100644
index 00000000..1fb3d7fb
--- /dev/null
+++ b/test/html/render/b-div.html
@@ -0,0 +1 @@
+<b>Hello World</b><div>Hello world</div>
diff --git a/test/html/render/b-div.ref.html b/test/html/render/b-div.ref.html
new file mode 100644
index 00000000..c6f49668
--- /dev/null
+++ b/test/html/render/b-div.ref.html
@@ -0,0 +1 @@
+<b>Hello World</b><br/>Hello world
diff --git a/test/html/render/float-img-justify.html b/test/html/render/float-img-justify.html
new file mode 100644
index 00000000..2995b0fa
--- /dev/null
+++ b/test/html/render/float-img-justify.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test floating image in paragraph with br</title>
+    <style>
+      body {width: 400px}
+      img {width: 40%; float:right}
+      p {text-align: justify;}
+    </style>
+  </head>
+  <body>
+    <i>The text below should be readable:</i>
+    <p>
+      <img src="pic.png" />
+      This is a rather long text to increase the width.
+      <br>
+    </p>
+  </body>
+</html>
diff --git a/test/html/render/float-img-justify.ref.html b/test/html/render/float-img-justify.ref.html
new file mode 100644
index 00000000..26595b4c
--- /dev/null
+++ b/test/html/render/float-img-justify.ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test floating image in paragraph with br</title>
+    <style>
+      body {width: 400px}
+      img {width: 40%; float:right}
+      p {text-align: justify;}
+    </style>
+  </head>
+  <body>
+    <i>The text below should be readable:</i>
+    <p>
+      <img src="pic.png" />
+      This is a rather long text to increase the width.
+    </p>
+  </body>
+</html>
diff --git a/test/html/render/img-aspect-ratio.html b/test/html/render/img-aspect-ratio.html
new file mode 100644
index 00000000..e8b2ab0f
--- /dev/null
+++ b/test/html/render/img-aspect-ratio.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test image aspect ratio</title>
+    <style>
+      body {margin: 20px}
+    </style>
+  </head>
+  <body>
+    <img src="pic.png" style="height:100px" />
+    <img src="pic.png" style="max-height:100px" />
+    <img src="pic.png" style="width:100px" />
+    <img src="pic.png" style="max-width:100px" />
+    <a href="#"><img src="pic.png" style="max-width:100px" /></a>
+  </body>
+</html>
diff --git a/test/html/render/img-aspect-ratio.ref.html b/test/html/render/img-aspect-ratio.ref.html
new file mode 100644
index 00000000..96c1ea1f
--- /dev/null
+++ b/test/html/render/img-aspect-ratio.ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test image aspect ratio</title>
+    <style>
+      body {margin: 20px}
+    </style>
+  </head>
+  <body>
+    <img src="pic.png" style="height:100px; width:100px" />
+    <img src="pic.png" style="height:100px; width:100px" />
+    <img src="pic.png" style="height:100px; width:100px" />
+    <img src="pic.png" style="height:100px; width:100px" />
+    <a href="#"><img src="pic.png" style="height:100px; width:100px" /></a>
+  </body>
+</html>
diff --git a/test/html/render/pic.png b/test/html/render/pic.png
new file mode 100644
index 00000000..82f6cad8
--- /dev/null
+++ b/test/html/render/pic.png
diff --git a/test/html/render/table-thead-tfoot.html b/test/html/render/table-thead-tfoot.html
new file mode 100644
index 00000000..66be2710
--- /dev/null
+++ b/test/html/render/table-thead-tfoot.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test thead, tbody and tfoot</title>
+    <style>
+      thead {color: green;}
+      tbody {color: blue;}
+      tfoot {color: red;}
+
+      table, th, td {
+        border: 1px solid black;
+      }
+    </style>
+  </head>
+  <body>
+    <table>
+      <thead>
+        <tr>
+          <th>Month</th>
+          <th>Savings</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>January</td>
+          <td>$100</td>
+        </tr>
+        <tr>
+          <td>February</td>
+          <td>$80</td>
+        </tr>
+      </tbody>
+      <tfoot>
+        <tr>
+          <td>Sum</td>
+          <td>$180</td>
+        </tr>
+      </tfoot>
+    </table> 
+  </body>
+</html>
diff --git a/test/html/render/table-thead-tfoot.ref.html b/test/html/render/table-thead-tfoot.ref.html
new file mode 100644
index 00000000..031ade7f
--- /dev/null
+++ b/test/html/render/table-thead-tfoot.ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test thead, tbody and tfoot</title>
+    <style>
+      .head {color: green; font-weight: bold; align: center; }
+      .body {color: blue;}
+      .foot {color: red;}
+
+      table, th, td {
+        border: 1px solid black;
+      }
+    </style>
+  </head>
+  <body>
+    <table>
+      <tr class="head">
+        <th>Month</th>
+        <th>Savings</th>
+      </tr>
+      <tr class="body">
+        <td>January</td>
+        <td>$100</td>
+      </tr>
+      <tr class="body">
+        <td>February</td>
+        <td>$80</td>
+      </tr>
+      <tr class="foot">
+        <td>Sum</td>
+        <td>$180</td>
+      </tr>
+    </table> 
+  </body>
+</html>
diff --git a/test/html/render/white-space.html b/test/html/render/white-space.html
new file mode 100644
index 00000000..abd61c41
--- /dev/null
+++ b/test/html/render/white-space.html
@@ -0,0 +1,24 @@
+<h1>nowrap</h1>
+<div style="white-space: nowrap">
+hallo   dillo hallo   dillo hallo   dillo hallo   dillo
+hallo   dillo hallo   dillo hallo   dillo hallo   dillo
+</div>
+
+<h1>pre</h1>
+
+<div style="white-space: pre">
+hallo   dillo hallo   dillo hallo   dillo hallo   dillo
+hallo   dillo hallo   dillo hallo   dillo hallo   dillo
+</div>
+
+<h1>pre-wrap</h1>
+<div style="white-space: pre-wrap">
+hallo   dillo hallo   dillo hallo   dillo hallo   dillo
+hallo   dillo hallo   dillo hallo   dillo hallo   dillo
+</div>
+
+<h1>pre-line</h1>
+<div style="white-space: pre-line">
+hallo   dillo hallo   dillo hallo   dillo hallo   dillo
+hallo   dillo hallo   dillo hallo   dillo hallo   dillo
+</div>
diff --git a/test/html/render/white-space.ref.html b/test/html/render/white-space.ref.html
new file mode 100644
index 00000000..c0584283
--- /dev/null
+++ b/test/html/render/white-space.ref.html
@@ -0,0 +1,24 @@
+<h1>nowrap</h1>
+<div style="white-space: pre">
+hallo dillo hallo dillo hallo dillo hallo dillo hallo dillo hallo dillo hallo dillo hallo dillo
+</div>
+
+<h1>pre</h1>
+
+<div style="white-space: pre">
+hallo   dillo hallo   dillo hallo   dillo hallo   dillo
+hallo   dillo hallo   dillo hallo   dillo hallo   dillo
+</div>
+
+<h1>pre-wrap</h1>
+<div style="white-space: pre">
+hallo   dillo hallo   dillo hallo   dillo hallo   dillo
+hallo   dillo hallo   dillo hallo   dillo hallo   dillo
+</div>
+
+<h1>pre-line</h1>
+<div style="white-space: pre">
+
+hallo dillo hallo dillo hallo dillo hallo dillo
+hallo dillo hallo dillo hallo dillo hallo dillo
+</div>