Add initial set of ouput tests

The reference files have to be updated once the different bugs have been fixed.
dompdf · Aug 5, 2021 · f7a3499 · f7a3499
1 parent b187934
commit f7a3499
Show file tree

Hide file tree

Showing 83 changed files with 890 additions and 0 deletions.
diff --git a/tests/OutputTest/float/float-width.html b/tests/OutputTest/float/float-width.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<meta name="description"
+	content="The bold text should start in a new line after 'Lorem' and span the
+	entire available width">
+<style>
+@page {
+	size: 400pt 300pt;
+	margin: 50pt;
+}
+
+body {
+	font-family: sans-serif;
+	letter-spacing: 0.8pt;
+	border: 1pt solid black;
+}
+
+b {
+	display: block;
+	float: right;
+}
+</style>
+</head>
+
+<body>
+	<p>Lorem <b>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.</b></p>
+</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,41 @@
+<!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 body box. See issue #2476">
+<style>
+@page {
+	size: 400pt 300pt;
+	margin: 50pt;
+}
+
+body {
+	font-family: sans-serif;
+	letter-spacing: 0.8pt;
+	border: 1pt solid black;
+}
+
+p {
+	margin: 0 0 0 -50pt;
+	width: 400pt;
+}
+
+b {
+	display: inline-block;
+}
+</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,35 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<meta name="description"
+	content="The bold text should start in a new line after 'Lorem' and span the
+	entire available width">
+<style>
+@page {
+	size: 400pt 300pt;
+	margin: 50pt;
+}
+
+body {
+	font-family: sans-serif;
+	letter-spacing: 0.8pt;
+	border: 1pt solid black;
+}
+
+b {
+	display: inline-block;
+}
+</style>
+</head>
+
+<body>
+	<p>Lorem <b>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.</b></p>
+</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,31 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<meta name="description"
+	content="The rendering is not correct currently, see issue #2404. Make sure
+	to update the reference rendering once the bug is fixed">
+<style>
+@page {
+	size: 400pt 300pt;
+	margin: 50pt;
+}
+
+body {
+	font-family: sans-serif;
+	font-size: 1em;
+	letter-spacing: 2pt;
+}
+
+p {
+	margin: 0;
+}
+</style>
+</head>
+
+<body>
+	<p>Lorem ipsum <b>dolor</b> sit amet, consectetur adipisici elit.</p>
+</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,27 @@
+<!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>
+@page {
+	size: 400pt 300pt;
+	margin: 50pt;
+}
+
+.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.p2.png b/tests/OutputTest/page-break/blocks-whitespace.p2.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,38 @@
+<!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>
+@page {
+	size: 400pt 300pt;
+	margin: 50pt;
+}
+
+body {
+	font-family: sans-serif;
+	letter-spacing: 0.8pt;
+	border: 1pt solid black;
+}
+
+p {
+	margin: 180pt 0 0 0;
+	orphans: 1;
+}
+
+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,38 @@
+<!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>
+@page {
+	size: 400pt 300pt;
+	margin: 50pt;
+}
+
+body {
+	font-family: sans-serif;
+	letter-spacing: 0.8pt;
+	border: 1pt solid black;
+}
+
+p {
+	margin: 180pt 0 0 0;
+	orphans: 1;
+}
+
+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,37 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<meta name="description"
+	content="The red border should not bleed into the page margins">
+<style>
+@page {
+	size: 400pt 300pt;
+	margin: 50pt;
+}
+
+body {
+	font-family: sans-serif;
+	letter-spacing: 0.8pt;
+	border: 1pt solid black;
+}
+
+p {
+	margin: 180pt 0 0 0;
+	orphans: 1;
+}
+
+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,34 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<style>
+@page {
+	size: 400pt 300pt;
+	margin: 50pt;
+}
+
+body {
+	font-family: sans-serif;
+	letter-spacing: 0.8pt;
+	border: 1pt solid black;
+}
+
+p {
+	margin: 180pt 0 0 0;
+	orphans: 1;
+}
+
+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,34 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<style>
+@page {
+	size: 400pt 300pt;
+	margin: 50pt;
+}
+
+body {
+	font-family: sans-serif;
+	letter-spacing: 0.8pt;
+	border: 1pt solid black;
+}
+
+p {
+	margin: 180pt 0 0 0;
+	orphans: 1;
+}
+
+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,34 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+<meta charset="UTF-8">
+<style>
+@page {
+	size: 400pt 300pt;
+	margin: 50pt;
+}
+
+body {
+	font-family: sans-serif;
+	letter-spacing: 0.8pt;
+	border: 1pt solid black;
+}
+
+p {
+	margin: 180pt 0 0 0;
+	orphans: 1;
+}
+
+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