diff --git a/layout/reftests/writing-mode/tables/reftest.list b/layout/reftests/writing-mode/tables/reftest.list
index b8a4053d17f9..d9471b24ad98 100644
--- a/layout/reftests/writing-mode/tables/reftest.list
+++ b/layout/reftests/writing-mode/tables/reftest.list
@@ -8,3 +8,5 @@
 == vertical-table-colspan-2.html vertical-table-colspan-2-ref.html
 == vertical-table-specified-width-1.html vertical-table-specified-width-1-ref.html
 == vertical-table-specified-width-2.html vertical-table-specified-width-2-ref.html
+fuzzy-if(cocoaWidget,141,24) == vertical-border-collapse-1.html vertical-border-collapse-1-ref.html
+fuzzy-if(cocoaWidget,141,24) == vertical-border-collapse-2.html vertical-border-collapse-2-ref.html
diff --git a/layout/reftests/writing-mode/tables/vertical-border-collapse-1-ref.html b/layout/reftests/writing-mode/tables/vertical-border-collapse-1-ref.html
new file mode 100644
index 000000000000..30e67d7dda6d
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-border-collapse-1-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border: 8px solid silver;
+  border-right-color: #666;
+  border-bottom-color: #333;
+  border-spacing: 5px;
+  border-collapse: collapse;
+}
+td {
+  border: 4px solid black;
+  height: 50px;
+  width: 20px;
+  text-align: center;
+}
+tr:nth-child(2) > td {
+  height: 80px;
+}
+tr:nth-child(4) > td {
+  height: 120px;
+}
+col:nth-child(even) {
+  background: #ffc;
+}
+col:nth-child(odd) {
+  background: #cff;
+}
+col:nth-child(1) {
+  background: #fcf;
+  width: 50px;
+}
+</style>
+</head>
+<body>
+
+<table>
+<col/><col/><col/><col/><col/>
+<tr> <td rowspan=3> </td> <td colspan=3> </td>   <td> </td> </tr>
+<tr>   <td> </td> <td> </td> <td> </td> <td> </td> </tr>
+<tr>   <td> </td> <td> </td> <td> </td> <td> </td> </tr>
+<tr> <td> </td> <td> </td> <td colspan=2> </td>  <td> </td> </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-border-collapse-1.html b/layout/reftests/writing-mode/tables/vertical-border-collapse-1.html
new file mode 100644
index 000000000000..599302ff79ea
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-border-collapse-1.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border: 8px solid silver;
+  border-right-color: #666;
+  border-bottom-color: #333;
+  border-spacing: 5px;
+  border-collapse: collapse;
+  writing-mode: vertical-lr;
+}
+td {
+  border: 4px solid black;
+  height: 50px;
+  width: 20px;
+  text-align: center;
+}
+td.w1 {
+  height: 80px;
+}
+td.w2 {
+  height: 120px;
+}
+tr:nth-child(even) {
+  background: #ffc;
+}
+tr:nth-child(odd) {
+  background: #cff;
+}
+tr:nth-child(1) {
+  background: #fcf;
+  width: 50px;
+}
+</style>
+</head>
+<body>
+
+<table>
+<tr><td colspan=3> </td>                               <td> </td>           </tr>
+<tr><td rowspan=3> </td><td class="w1"> </td><td> </td><td> </td>           </tr>
+<tr>                    <td> </td>           <td> </td><td rowspan=2> </td> </tr>
+<tr>                    <td> </td>           <td> </td>                     </tr>
+<tr><td> </td>          <td> </td>           <td> </td><td class="w2"> </td></tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-border-collapse-2-ref.html b/layout/reftests/writing-mode/tables/vertical-border-collapse-2-ref.html
new file mode 100644
index 000000000000..a74ee00655d1
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-border-collapse-2-ref.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border: 8px solid silver;
+  border-right-color: #666;
+  border-bottom-color: #333;
+  border-spacing: 5px;
+  border-collapse: collapse;
+}
+td {
+  border: 4px solid black;
+  height: 50px;
+  width: 20px;
+  text-align: center;
+}
+tr:nth-child(2) > td {
+  height: 80px;
+}
+tr:nth-child(4) > td {
+  height: 120px;
+}
+col:nth-child(even) {
+  background: #ffc;
+}
+col:nth-child(odd) {
+  background: #cff;
+}
+col:nth-child(5) {
+  background: #fcf;
+  width: 50px;
+}
+</style>
+</head>
+<body>
+
+<table>
+<col/><col/><col/><col/><col/>
+<tr> <td> </td> <td colspan=3> </td> <td rowspan=3> </td> </tr>
+<tr>   <td> </td> <td> </td> <td> </td> <td> </td> </tr>
+<tr>   <td> </td> <td> </td> <td> </td> <td> </td> </tr>
+<tr> <td> </td> <td colspan=2 style="background:#cff"> </td> <td> </td> <td> </td> </tr>
+</table>
+
+</body>
+</html>
diff --git a/layout/reftests/writing-mode/tables/vertical-border-collapse-2.html b/layout/reftests/writing-mode/tables/vertical-border-collapse-2.html
new file mode 100644
index 000000000000..9c602ebdbbab
--- /dev/null
+++ b/layout/reftests/writing-mode/tables/vertical-border-collapse-2.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset=utf-8>
+<style>
+table {
+  margin: 10px;
+  border: 8px solid silver;
+  border-right-color: #666;
+  border-bottom-color: #333;
+  border-spacing: 5px;
+  border-collapse: collapse;
+  writing-mode: vertical-rl;
+}
+td {
+  border: 4px solid black;
+  height: 50px;
+  width: 20px;
+  text-align: center;
+}
+td.w1 {
+  height: 80px;
+}
+td.w2 {
+  height: 120px;
+}
+tr:nth-child(even) {
+  background: #ffc;
+}
+tr:nth-child(odd) {
+  background: #cff;
+}
+tr:nth-child(1) {
+  background: #fcf;
+  width: 50px;
+}
+</style>
+</head>
+<body>
+
+<table>
+<tr><td colspan=3> </td>                               <td> </td>           </tr>
+<tr><td rowspan=3> </td><td class="w1"> </td><td> </td><td> </td>           </tr>
+<tr>                    <td> </td>           <td> </td><td rowspan=2> </td> </tr>
+<tr>                    <td> </td>           <td> </td>                     </tr>
+<tr><td> </td>          <td> </td>           <td> </td><td class="w2"> </td></tr>
+</table>
+
+</body>
+</html>
