| Index: LayoutTests/fast/table/caption-in-inline.html
|
| diff --git a/LayoutTests/fast/table/caption-in-inline.html b/LayoutTests/fast/table/caption-in-inline.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..57d9c6aa0b1f73b855e9738dfb1d36e7cfe3212c
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/table/caption-in-inline.html
|
| @@ -0,0 +1,23 @@
|
| +<!DOCTYPE html>
|
| +<script src="../../resources/js-test.js"></script>
|
| +<p>Test that a table-caption with a table-cell sibling is wrapped inside an inline-table when the parent is inline.</p>
|
| +<span>
|
| + <div id="first" style="display:table-caption; width:100%; height:40px; background:blue;"> </div>
|
| + <div id="second" style="display:table-cell; width:80px; height:40px; background:blue;"> </div>
|
| + <span id="last">There should be a blue square to the left of this line.</span>
|
| +</span>
|
| +<div id="console"></div>
|
| +<script>
|
| + var firstRects = document.getElementById('first').getClientRects();
|
| + var secondRects = document.getElementById('second').getClientRects();
|
| + var lastRects = document.getElementById('last').getClientRects();
|
| + shouldBe("firstRects.length", "1");
|
| + shouldBe("secondRects.length", "1");
|
| + shouldBe("lastRects.length", "1");
|
| + shouldBe("secondRects[0].top", "firstRects[0].top + 40");
|
| + shouldBe("secondRects[0].left", "firstRects[0].left");
|
| + shouldBe("secondRects[0].bottom", "secondRects[0].top + 40");
|
| + shouldBeGreaterThanOrEqual("lastRects[0].right", "secondRects[0].left");
|
| + shouldBeGreaterThanOrEqual("lastRects[0].top", "firstRects[0].top");
|
| + shouldBeGreaterThanOrEqual("secondRects[0].bottom", "lastRects[0].bottom");
|
| +</script>
|
|
|