#180 - Tests that a nested inline-block in a fixed element renders co…

…rrectly.
danfickle · Jan 1, 2019 · 2dd68bd · 2dd68bd
1 parent 7d55da4
commit 2dd68bd
Show file tree

Hide file tree

Showing 3 changed files with 62 additions and 0 deletions.
diff --git a/...ltopdf-examples/src/main/resources/visualtest/expected/text/fixed-nested-inline-block.pdf b/...ltopdf-examples/src/main/resources/visualtest/expected/text/fixed-nested-inline-block.pdf
diff --git a/...htmltopdf-examples/src/main/resources/visualtest/html/text/fixed-nested-inline-block.html b/...htmltopdf-examples/src/main/resources/visualtest/html/text/fixed-nested-inline-block.html
@@ -0,0 +1,54 @@
+<html>
+<head>
+<style>
+@page {
+  size: 200px 200px;
+  margin: 30px;
+
+  -fs-max-overflow-pages: 10;
+  -fs-overflow-pages-direction: ltr;
+}
+body {
+  margin: 0;
+  width: 140px;
+  height: 140px;
+}
+.header {
+  height: 30px;
+  position: fixed;
+  bottom: 0;
+  right: 0;
+}
+.footer {
+  height: 30px;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+.header .inner {
+  display: inline-block;
+}
+.footer .inner {
+  display: inline-block;
+  float: right;
+}
+.inner {
+  background-color: orange;
+  border: 2px solid black;
+  width: 50px;
+  height: 15px;
+}
+.float2 {
+  background-color: green;
+}
+</style>
+</head>
+<body style="font-family: 'TestFont'; color: black; font-size: 13px;">
+<div class="header" style="background-color: blue;"><div class="inner"></div><div class="inner float2">abcd</div></div>
+<div class="footer" style="background-color: red;"><div class="inner"></div><div class="inner float2">dcba</div></div>
+
+<div style="margin-top: 40px;">PAGE 1</div>
+<div style="width: 150%; height: 20px; background-color: pink; page-break-after: always;"></div>
+<div style="margin-top: 40px;">PAGE 2</div>
+</body>
+</html>
diff --git a/...mples/src/test/java/com/openhtmltopdf/visualregressiontests/TextVisualRegressionTest.java b/...mples/src/test/java/com/openhtmltopdf/visualregressiontests/TextVisualRegressionTest.java
@@ -440,6 +440,14 @@ public void testFixedNestedFloat() throws IOException {
         assertTrue(run("fixed-nested-float"));
     }
 
+    /**
+     * Tests that a nested inline-block in a fixed element renders correctly.
+     */
+    @Test
+    public void testFixedNestedInlineBlock() throws IOException {
+        assertTrue(run("fixed-nested-inline-block"));
+    }
+
     /**
      * Tests that a non-paginated table does not output table header, footer or caption on every page.
      */