Add initial set of ouput tests

The reference files have to be updated once the different bugs have been fixed.
dompdf · Sep 20, 2021 · b56de37 · b56de37
1 parent 38d7527
commit b56de37
Show file tree

Hide file tree

Showing 94 changed files with 930 additions and 0 deletions.
diff --git a/tests/OutputTest/base.css b/tests/OutputTest/base.css
@@ -0,0 +1,16 @@
+@page {
+    size: 400pt 300pt;
+    margin: 50pt;
+}
+
+body {
+    font-family: sans-serif;
+    font-size: 12pt;
+    line-height: 14pt;
+    letter-spacing: 0.7pt;
+}
+
+p {
+    orphans: 1;
+    widows: 1;
+}
diff --git a/tests/OutputTest/float/float-width.html b/tests/OutputTest/float/float-width.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<meta name="description"
+    content="The grey text should start in a new line after 'Lorem' and span the
+    entire available width">
+<style>
+@import url(../base.css);
+
+body {
+    outline: 1pt solid black;
+}
+
+span {
+    float: right;
+    color: grey;
+}
+</style>
+</head>
+
+<body>
+    Lorem <span>ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor
+    incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+    nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi
+    consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu
+    fugiat nulla pariatur.</span>
+</body>
+
+</html>
diff --git a/tests/OutputTest/float/float-width.p1.png b/tests/OutputTest/float/float-width.p1.png
diff --git a/tests/OutputTest/float/float-width.pdf b/tests/OutputTest/float/float-width.pdf
diff --git a/tests/OutputTest/inline/extended-parent-width.html b/tests/OutputTest/inline/extended-parent-width.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<meta name="description"
+    content="The text should flow over the entire width of the page, ignoring
+    the horizontal page margins. See issue #2476">
+<style>
+@import url(../base.css);
+
+body {
+    outline: 1pt solid black;
+}
+
+p {
+    margin: 0 -50pt;
+}
+</style>
+</head>
+
+<body>
+    <p>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor
+    incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+    nostrud exercitation ullamco laboris <b>nisi</b> ut aliquid ex ea commodi
+    consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu
+    fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in
+    culpa qui officia deserunt mollit anim id est laborum.</p>
+</body>
+
+</html>
diff --git a/tests/OutputTest/inline/extended-parent-width.p1.png b/tests/OutputTest/inline/extended-parent-width.p1.png
diff --git a/tests/OutputTest/inline/extended-parent-width.pdf b/tests/OutputTest/inline/extended-parent-width.pdf
diff --git a/tests/OutputTest/inline/inline-block-width.html b/tests/OutputTest/inline/inline-block-width.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<meta name="description"
+    content="The grey text should start in a new line after 'Lorem' and span the
+    entire available width">
+<style>
+@import url(../base.css);
+
+body {
+    outline: 1pt solid black;
+}
+
+span {
+    display: inline-block;
+    color: grey;
+}
+</style>
+</head>
+
+<body>
+    Lorem <span>ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor
+    incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+    nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi
+    consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu
+    fugiat nulla pariatur.</span>
+</body>
+
+</html>
diff --git a/tests/OutputTest/inline/inline-block-width.p1.png b/tests/OutputTest/inline/inline-block-width.p1.png
diff --git a/tests/OutputTest/inline/inline-block-width.pdf b/tests/OutputTest/inline/inline-block-width.pdf
diff --git a/tests/OutputTest/inline/letter-spacing.html b/tests/OutputTest/inline/letter-spacing.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<meta name="description"
+    content="The should be no extra space around the bold text. See issue #2404">
+<style>
+@import url(../base.css);
+
+body {
+    letter-spacing: 2pt;
+}
+</style>
+</head>
+
+<body>
+    Lorem ipsum <b>dolor</b> sit amet, consectetur adipisici elit.
+</body>
+
+</html>
diff --git a/tests/OutputTest/inline/letter-spacing.p1.png b/tests/OutputTest/inline/letter-spacing.p1.png
diff --git a/tests/OutputTest/inline/letter-spacing.pdf b/tests/OutputTest/inline/letter-spacing.pdf
diff --git a/tests/OutputTest/page-break/blocks-whitespace.html b/tests/OutputTest/page-break/blocks-whitespace.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<meta name="description"
+    content="The two blocks should fit on one page (2 * 100pt + 2 * 50pt margin = 300pt)">
+<style>
+@import url(../base.css);
+
+.block {
+    border-top: 1pt solid black;
+    background-color: blue;
+    height: 99pt;
+}
+</style>
+</head>
+
+<body>
+    <div class="block"></div>
+    <div class="block"></div>
+</body>
+
+</html>
diff --git a/tests/OutputTest/page-break/blocks-whitespace.p1.png b/tests/OutputTest/page-break/blocks-whitespace.p1.png
diff --git a/tests/OutputTest/page-break/blocks-whitespace.pdf b/tests/OutputTest/page-break/blocks-whitespace.pdf
diff --git a/tests/OutputTest/page-break/inline-block-1.html b/tests/OutputTest/page-break/inline-block-1.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<meta name="description"
+    content="The page should break before the span, because of inline-block
+    display and not fitting completely onto the first line">
+<style>
+@import url(../base.css);
+
+body {
+    outline: 1pt solid black;
+}
+
+p {
+    margin: 182pt 0 0 0;
+}
+
+span {
+    display: inline-block;
+    border: 1pt solid red;
+}
+</style>
+</head>
+
+<body>
+    <p>Lorem ipsum dolor sit amet, <span>consectetur adipisici elit,</span> sed eiusmod tempor
+    incidunt ut labore et dolore magna aliqua.</p>
+</body>
+
+</html>
diff --git a/tests/OutputTest/page-break/inline-block-1.p1.png b/tests/OutputTest/page-break/inline-block-1.p1.png
diff --git a/tests/OutputTest/page-break/inline-block-1.p2.png b/tests/OutputTest/page-break/inline-block-1.p2.png
diff --git a/tests/OutputTest/page-break/inline-block-1.pdf b/tests/OutputTest/page-break/inline-block-1.pdf
diff --git a/tests/OutputTest/page-break/inline-block-2.html b/tests/OutputTest/page-break/inline-block-2.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<meta name="description"
+    content="The page should break before the span, because of inline-block
+    display">
+<style>
+@import url(../base.css);
+
+body {
+    outline: 1pt solid black;
+}
+
+p {
+    margin: 182pt 0 0 0;
+}
+
+span {
+    display: inline-block;
+    border: 1pt solid red;
+}
+</style>
+</head>
+
+<body>
+    <p>Lorem ipsum dolor sit amet, consectetur <span>adipisici elit, sed eiusmod tempor
+    incidunt ut labore et dolore magna aliqua.</span></p>
+</body>
+
+</html>
diff --git a/tests/OutputTest/page-break/inline-block-2.p1.png b/tests/OutputTest/page-break/inline-block-2.p1.png
diff --git a/tests/OutputTest/page-break/inline-block-2.p2.png b/tests/OutputTest/page-break/inline-block-2.p2.png
diff --git a/tests/OutputTest/page-break/inline-block-2.pdf b/tests/OutputTest/page-break/inline-block-2.pdf
diff --git a/tests/OutputTest/page-break/inline-block-3.html b/tests/OutputTest/page-break/inline-block-3.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<meta name="description"
+    content="The red border should not bleed into the page margins">
+<style>
+@import url(../base.css);
+
+body {
+    outline: 1pt solid black;
+}
+
+p {
+    margin: 182pt 0 0 0;
+}
+
+span {
+    display: inline-block;
+    border: 1pt solid red;
+}
+</style>
+</head>
+
+<body>
+    <p><span>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor
+    incidunt ut labore et dolore magna aliqua.</span></p>
+</body>
+
+</html>
diff --git a/tests/OutputTest/page-break/inline-block-3.p1.png b/tests/OutputTest/page-break/inline-block-3.p1.png
diff --git a/tests/OutputTest/page-break/inline-block-3.p2.png b/tests/OutputTest/page-break/inline-block-3.p2.png
diff --git a/tests/OutputTest/page-break/inline-block-3.pdf b/tests/OutputTest/page-break/inline-block-3.pdf
diff --git a/tests/OutputTest/page-break/inline-element-1.html b/tests/OutputTest/page-break/inline-element-1.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<style>
+@import url(../base.css);
+
+body {
+    outline: 1pt solid black;
+}
+
+p {
+    margin: 182pt 0 0 0;
+}
+
+span {
+    border: 1pt solid red;
+}
+</style>
+</head>
+
+<body>
+    <p>Lorem ipsum dolor sit amet, <span>consectetur adipisici elit,</span> sed eiusmod tempor
+    incidunt ut labore et dolore magna aliqua.</p>
+</body>
+
+</html>
diff --git a/tests/OutputTest/page-break/inline-element-1.p1.png b/tests/OutputTest/page-break/inline-element-1.p1.png
diff --git a/tests/OutputTest/page-break/inline-element-1.p2.png b/tests/OutputTest/page-break/inline-element-1.p2.png
diff --git a/tests/OutputTest/page-break/inline-element-1.pdf b/tests/OutputTest/page-break/inline-element-1.pdf
diff --git a/tests/OutputTest/page-break/inline-element-2.html b/tests/OutputTest/page-break/inline-element-2.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<style>
+@import url(../base.css);
+
+body {
+    outline: 1pt solid black;
+}
+
+p {
+    margin: 182pt 0 0 0;
+}
+
+span {
+    border: 1pt solid red;
+}
+</style>
+</head>
+
+<body>
+    <p>Lorem ipsum dolor sit amet, <span>consectetur adipisici elit, sed eiusmod tempor
+    incidunt ut labore et dolore magna aliqua.</span></p>
+</body>
+
+</html>
diff --git a/tests/OutputTest/page-break/inline-element-2.p1.png b/tests/OutputTest/page-break/inline-element-2.p1.png
diff --git a/tests/OutputTest/page-break/inline-element-2.p2.png b/tests/OutputTest/page-break/inline-element-2.p2.png
diff --git a/tests/OutputTest/page-break/inline-element-2.pdf b/tests/OutputTest/page-break/inline-element-2.pdf
diff --git a/tests/OutputTest/page-break/inline-element-3.html b/tests/OutputTest/page-break/inline-element-3.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<style>
+@import url(../base.css);
+
+body {
+    outline: 1pt solid black;
+}
+
+p {
+    margin: 182pt 0 0 0;
+}
+
+span {
+    border: 1pt solid red;
+}
+</style>
+</head>
+
+<body>
+    <p><span>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor
+    incidunt ut labore et dolore magna aliqua.</span></p>
+</body>
+
+</html>
diff --git a/tests/OutputTest/page-break/inline-element-3.p1.png b/tests/OutputTest/page-break/inline-element-3.p1.png
diff --git a/tests/OutputTest/page-break/inline-element-3.p2.png b/tests/OutputTest/page-break/inline-element-3.p2.png
diff --git a/tests/OutputTest/page-break/inline-element-3.pdf b/tests/OutputTest/page-break/inline-element-3.pdf
diff --git a/tests/OutputTest/page-break/list-item-counter.html b/tests/OutputTest/page-break/list-item-counter.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<meta name="description"
+    content="The last list item should have number 14">
+<style>
+@import url(../base.css);
+
+body {
+    line-height: 19pt;
+    outline: 1pt solid black;
+}
+
+ul {
+    margin: 0;
+}
+
+li {
+    counter-increment: li;
+}
+
+li::before {
+    content: counter(li);
+}
+</style>
+</head>
+
+<body>
+    <ul>
+        <li></li>
+        <li></li>
+        <li></li>
+        <li></li>
+        <li></li>
+        <li></li>
+        <li></li>
+        <li></li>
+        <li></li>
+        <li><ul><li></li></ul></li>
+        <li></li>
+        <li></li>
+        <li></li>
+    </ul>
+</body>
+
+</html>
diff --git a/tests/OutputTest/page-break/list-item-counter.p1.png b/tests/OutputTest/page-break/list-item-counter.p1.png
diff --git a/tests/OutputTest/page-break/list-item-counter.p2.png b/tests/OutputTest/page-break/list-item-counter.p2.png
diff --git a/tests/OutputTest/page-break/list-item-counter.pdf b/tests/OutputTest/page-break/list-item-counter.pdf