Index: third_party/WebKit/LayoutTests/fast/multicol/vertical-rl/offset-top-and-left-at-boundaries.html |
diff --git a/third_party/WebKit/LayoutTests/fast/multicol/vertical-rl/offset-top-and-left-at-boundaries.html b/third_party/WebKit/LayoutTests/fast/multicol/vertical-rl/offset-top-and-left-at-boundaries.html |
index f89ac9b41bbcd556ca4ad18cbb38783400c16d2d..de6ecacbb3127a82134c6e4de030b6a558960960 100644 |
--- a/third_party/WebKit/LayoutTests/fast/multicol/vertical-rl/offset-top-and-left-at-boundaries.html |
+++ b/third_party/WebKit/LayoutTests/fast/multicol/vertical-rl/offset-top-and-left-at-boundaries.html |
@@ -1,24 +1,49 @@ |
<!DOCTYPE html> |
<script src="../../../resources/testharness.js"></script> |
<script src="../../../resources/testharnessreport.js"></script> |
-<div style="position:relative; writing-mode:vertical-rl; columns:3; column-gap:10px; column-fill:auto; width:100px; height:320px;"> |
+<div style="position:relative; writing-mode:vertical-rl; columns:3; column-gap:10px; height:320px;"> |
<div id="first" style="width:100px;"></div> |
<div id="second" style="width:100px;"></div> |
<div id="third" style="width:100px;"></div> |
+ <div id="spanner" style="column-span:all; width:50px;"></div> |
+ <div id="fifth" style="width:100px;"></div> |
+ <div id="sixth" style="width:100px;"></div> |
+ <div id="seventh" style="width:100px;"></div> |
</div> |
+ |
<script> |
test(function() { |
- assert_equals(document.getElementById('first').offsetLeft, 0); |
+ assert_equals(document.getElementById('first').offsetLeft, 150); |
assert_equals(document.getElementById('first').offsetTop, 0); |
}, "offsetLeft and offsetTop in vertical-rl at column boundaries, first element"); |
test(function() { |
- assert_equals(document.getElementById('second').offsetLeft, 0); |
+ assert_equals(document.getElementById('second').offsetLeft, 150); |
assert_equals(document.getElementById('second').offsetTop, 110); |
}, "offsetLeft and offsetTop in vertical-rl at column boundaries, second element"); |
test(function() { |
- assert_equals(document.getElementById('third').offsetLeft, 0); |
+ assert_equals(document.getElementById('third').offsetLeft, 150); |
assert_equals(document.getElementById('third').offsetTop, 220); |
}, "offsetLeft and offsetTop in vertical-rl at column boundaries, third element"); |
+ |
+ test(function() { |
+ assert_equals(document.getElementById('spanner').offsetLeft, 100); |
+ assert_equals(document.getElementById('spanner').offsetTop, 0); |
+ }, "offsetLeft and offsetTop in vertical-rl, spanner"); |
+ |
+ test(function() { |
+ assert_equals(document.getElementById('fifth').offsetLeft, 0); |
+ assert_equals(document.getElementById('fifth').offsetTop, 0); |
+ }, "offsetLeft and offsetTop in vertical-rl at column boundaries, fifth element"); |
+ |
+ test(function() { |
+ assert_equals(document.getElementById('sixth').offsetLeft, 0); |
+ assert_equals(document.getElementById('sixth').offsetTop, 110); |
+ }, "offsetLeft and offsetTop in vertical-rl at column boundaries, sixth element"); |
+ |
+ test(function() { |
+ assert_equals(document.getElementById('seventh').offsetLeft, 0); |
+ assert_equals(document.getElementById('seventh').offsetTop, 220); |
+ }, "offsetLeft and offsetTop in vertical-rl at column boundaries, seventh element"); |
</script> |