qt5base-lts/tests/manual/qtexttableborders/table-border-test-header.html
Nils Jeisecke 9c891bead8 QTextDocument: add manual test for table border logic
This adds a manual test for the QTextTable border logic.

Two HTML files are bundled as resources:

table-border-test.html: Contains various test cases for the border
logic.

table-border-test-header.html: Contains a test case for printing a table
with a repeated header.

The test application allows:
- editing
- previewing
- printing
- opening the HTML in the system browser (via temp. file)

It is possible to edit the HTML with "live preview" so new test cases
can easily be implemented.

Change-Id: Ic88488bc8b7dd74d5c03c3363f55840423462325
Reviewed-by: Shawn Rutledge <shawn.rutledge@qt.io>
2019-08-09 07:21:25 +00:00

130 lines
8.9 KiB
HTML

<html>
<body>
<h2>Printable table with repeated header</h2>
<p>
Please print (to PDF, save the trees) this table and compare this to the
print results of Chrome/Firefox.
<ul>
<li>Firefox fails to render the first repeated header correctly
<li>Chrome fails to render the Cell B top edge (should be red, except the first row after header
<li>Qt: Could do slightly better with the last row on each page (although both Firefox and Chrome don't work perfect here as well)
</ul>
</p>
<table border=1 bordercolor="#aaaaaa" style="border-collapse:collapse">
<thead>
<tr>
<th style="border-bottom: 1px solid blue">Header A</th>
<th style="border-bottom: 4px solid blue">Header B</th>
</tr>
</thead>
<tbody>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
<tr><td>Cell A</td><td style="border-top: 1px solid red">Cell B</td></tr>
</tbody>
</table>
</body>
</html>