#180 - Test (FAILING, SERIOUS) - The footer element is not rendering.…

… [ci skip] Tests that a nested float in a fixed element renders correctly. Appears to be an ordering issue of the layers as if header and footer swap element order everything works.
danfickle · Dec 31, 2018 · dd72a1b · dd72a1b
1 parent 1983e40
commit dd72a1b
Show file tree

Hide file tree

Showing 2 changed files with 64 additions and 0 deletions.
diff --git a/openhtmltopdf-examples/src/main/resources/visualtest/html/text/fixed-nested-float.html b/openhtmltopdf-examples/src/main/resources/visualtest/html/text/fixed-nested-float.html
@@ -0,0 +1,53 @@
+<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 {
+  float: right;
+}
+.footer .inner {
+  float: left;
+}
+.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>PAGE 1</div>
+<div style="width: 150%; height: 20px; background-color: pink; page-break-after: always;"></div>
+<div>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
@@ -432,6 +432,17 @@ public void testFixedOnOverflowPages() throws IOException {
         assertTrue(run("fixed-on-overflow-pages"));
     }
 
+    /**
+     * Tests that a nested float in a fixed element renders correctly.
+     */
+    @Test
+    @Ignore // SERIOUS FAILURE - The footer element is not rendering.
+            // Appears to be an ordering issue of the layers as if header and footer swap element order
+            // everything works!
+    public void testFixedNestedFloat() throws IOException {
+        assertTrue(run("fixed-nested-float"));
+    }
+
     /**
      * Tests that a non-paginated table does not output table header, footer or caption on every page.
      */