Modified: trunk/LayoutTests/ChangeLog (97324 => 97325)
--- trunk/LayoutTests/ChangeLog 2011-10-13 00:35:15 UTC (rev 97324)
+++ trunk/LayoutTests/ChangeLog 2011-10-13 00:37:40 UTC (rev 97325)
@@ -1,3 +1,15 @@
+2011-10-12 Ojan Vafai <[email protected]>
+
+ make fast/writing-mode/margins.html a reftest to avoid cross-platform differences
+ https://bugs.webkit.org/show_bug.cgi?id=69977
+
+ Reviewed by Tony Chang.
+
+ * fast/writing-mode/margins-expected.html: Added.
+ * fast/writing-mode/margins-expected.png: Removed.
+ * fast/writing-mode/margins-expected.txt: Removed.
+ * fast/writing-mode/margins.html:
+
2011-10-12 Kentaro Hara <[email protected]>
Implement a BeforeLoadEvent constructor for JSC
Added: trunk/LayoutTests/fast/writing-mode/margins-expected.html (0 => 97325)
--- trunk/LayoutTests/fast/writing-mode/margins-expected.html (rev 0)
+++ trunk/LayoutTests/fast/writing-mode/margins-expected.html 2011-10-13 00:37:40 UTC (rev 97325)
@@ -0,0 +1,32 @@
+<style>
+.container {
+ position: relative;
+ background-color: pink;
+ outline: 1px solid black;
+ display: inline-block;
+}
+.box {
+ background-color: grey;
+ width: 100px;
+ height: 100px;
+ margin: 10px 20px 30px 40px;
+}
+</style>
+
+<div>The four boxes below should look identical.</div>
+
+<div class="container">
+ <div class="box"></div>
+</div>
+
+<div class="container">
+ <div class="box"></div>
+</div>
+
+<div class="container">
+ <div class="box"></div>
+</div>
+
+<div class="container">
+ <div class="box"></div>
+</div>
Deleted: trunk/LayoutTests/fast/writing-mode/margins-expected.txt (97324 => 97325)
--- trunk/LayoutTests/fast/writing-mode/margins-expected.txt 2011-10-13 00:35:15 UTC (rev 97324)
+++ trunk/LayoutTests/fast/writing-mode/margins-expected.txt 2011-10-13 00:37:40 UTC (rev 97325)
@@ -1,24 +0,0 @@
-layer at (0,0) size 800x600
- RenderView at (0,0) size 800x600
-layer at (0,0) size 800x600
- RenderBlock {HTML} at (0,0) size 800x600
- RenderBody {BODY} at (8,8) size 784x584
- RenderText {#text} at (160,126) size 4x18
- text run at (160,126) width 4: " "
- RenderText {#text} at (324,126) size 4x18
- text run at (324,126) width 4: " "
- RenderText {#text} at (488,126) size 4x18
- text run at (488,126) width 4: " "
- RenderText {#text} at (0,0) size 0x0
-layer at (8,8) size 160x140
- RenderBlock (relative positioned) {DIV} at (0,0) size 160x140 [bgcolor=#FFC0CB]
- RenderBlock {DIV} at (40,10) size 100x100 [bgcolor=#808080]
-layer at (172,8) size 160x140
- RenderBlock (relative positioned) {DIV} at (164,0) size 160x140 [bgcolor=#FFC0CB]
- RenderBlock {DIV} at (40,10) size 100x100 [bgcolor=#808080]
-layer at (336,8) size 160x140
- RenderBlock (relative positioned) {DIV} at (328,0) size 160x140 [bgcolor=#FFC0CB]
- RenderBlock {DIV} at (40,10) size 100x100 [bgcolor=#808080]
-layer at (500,8) size 160x140
- RenderBlock (relative positioned) {DIV} at (492,0) size 160x140 [bgcolor=#FFC0CB]
- RenderBlock {DIV} at (40,10) size 100x100 [bgcolor=#808080]
Modified: trunk/LayoutTests/fast/writing-mode/margins.html (97324 => 97325)
--- trunk/LayoutTests/fast/writing-mode/margins.html 2011-10-13 00:35:15 UTC (rev 97324)
+++ trunk/LayoutTests/fast/writing-mode/margins.html 2011-10-13 00:37:40 UTC (rev 97325)
@@ -13,20 +13,20 @@
}
</style>
-<!--The four boxes below should look identical.-->
+<div>The four boxes below should look identical.</div>
<div class="container">
- <div class="flexbox vertical-lr box" style="-webkit-writing-mode: horizontal-tb;"></div>
+ <div class="box" style="-webkit-writing-mode: horizontal-tb;"></div>
</div>
<div class="container">
- <div class="flexbox vertical-lr box" style="-webkit-writing-mode: horitzontal-bt;"></div>
+ <div class="box" style="-webkit-writing-mode: horitzontal-bt;"></div>
</div>
<div class="container">
- <div class="flexbox vertical-lr box" style="-webkit-writing-mode: vertical-lr;"></div>
+ <div class="box" style="-webkit-writing-mode: vertical-lr;"></div>
</div>
<div class="container">
- <div class="flexbox vertical-lr box" style="-webkit-writing-mode: vertical-rl;"></div>
+ <div class="box" style="-webkit-writing-mode: vertical-rl;"></div>
</div>
