third_party/WebKit/LayoutTests/fast/table/border-collapsing/collapsed-border-with-rowspan.html - Issue 2791433003: Fix Border collapsing with colpsan / rowspan cells

Unified Diff: third_party/WebKit/LayoutTests/fast/table/border-collapsing/collapsed-border-with-rowspan.html

Issue 2791433003: Fix Border collapsing with colpsan / rowspan cells

Patch Set: bug 2902 Created 3 years, 8 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

« no previous file with comments | « third_party/WebKit/LayoutTests/fast/table/border-collapsing/collapsed-border-with-colspan-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/table/border-collapsing/collapsed-border-with-rowspan-expected.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/fast/table/border-collapsing/collapsed-border-with-rowspan.html

diff --git a/third_party/WebKit/LayoutTests/fast/table/border-collapsing/collapsed-border-with-rowspan.html b/third_party/WebKit/LayoutTests/fast/table/border-collapsing/collapsed-border-with-rowspan.html

new file mode 100644

index 0000000000000000000000000000000000000000..f1167b5cf81940278ff19467fd091aa67a36ee2e

--- /dev/null

+++ b/third_party/WebKit/LayoutTests/fast/table/border-collapsing/collapsed-border-with-rowspan.html

@@ -0,0 +1,92 @@

+<!DOCTYPE html>

+<html>

+<style>

+td { width: 20px; height: 20px;}

+</style>

+<body>

+<p>Test for Bugzilla <a href="https://bugs.webkit.org/show_bug.cgi?id=5515">Bug 5515</a>: Border collapse problem with rowspan/colspan cells.</p>

+<p>The following tests verify the border-collapse behavior on tables with rowspan.</p>

+<p> No continuous red border should be displayed for the following two tables. </p>

+<table border="1" style="border-collapse : collapse;">

+ <tr>

+ <td rowspan="2"></td>

+ <td style="border-left: 1px solid red"></td>

+ </tr>

+ <tr>

+ <td></td>

+ </tr>

+</table>

+<table border="1" style="border-collapse : collapse;">

+ <tr>

+ <td rowspan="2" style="border-right: 1px solid blue"></td>

+ <td style="border-left: 2px solid red"></td>

+ </tr>

+ <tr>

+ <td></td>

+ </tr>

+</table>

+<br/>

+<p> Tests for verifying the existing behavior. Blue border should be displayed for both the cells. </p>

+<table border="1" style="border-collapse : collapse;">

+ <tr>

+ <td rowspan="2" style="border-right: 1px solid blue"></td>

+ <td style="border-left: 1px solid red"></td>

+ </tr>

+ <tr>

+ <td></td>

+ </tr>

+</table>

+<table border="1" style="border-collapse : collapse;">

+ <tr>

+ <td rowspan="2" style="border-right: 2px solid blue"></td>

+ <td style="border-left: 1px solid red"></td>

+ </tr>

+ <tr>

+ <td></td>

+ </tr>

+</table>

+<br/>

+<p> Red, green and blue colored borders should be displayed per cell. </p>

+<table border="1" style="border-collapse : collapse;">

+ <tr>

+ <td rowspan="3"></td>

+ <td style="border-left: 2px solid red"></td>

+ </tr>

+ <tr>

+ <td style="border-left: 2px solid green"></td>

+ </tr>

+ <tr>

+ <td style="border-left: 2px solid blue"></td>

+ </tr>

+</table>

+<br/>

+<p> There should not be any red border in the following table. </p>

+<table border="1" style="border-collapse : collapse;">

+ <tr>

+ <td rowspan="3" style="border-right: hidden;"></td>

+ <td style="border-left: 2px solid red;"></td>

+ <td></td>

+ </tr>

+ <tr>

+ <td rowspan="2" style="border-left: 2px solid red;"></td>

+ <td></td>

+ </tr>

+ <tr>

+ <td></td>

+ </tr>

+</table>

+<br/>

+<p> There should not be any red border in the following table. </p>

+<table border="1" style="border-collapse : collapse;">

+ <tr>

+ <td style="border-right: 2px solid red;" rowspan="2"></td>

+ <td style="border-left: 3px solid green;" rowspan="2"></td>

+ <td></td>

+ </tr>

+ <tr>

+ <td></td>

+ </tr>

+</table>

+</body>

+</html>