Chromium Code Reviews Chromium Code Reviews
Issue 667693002:
Convert fast/multicol/client-rects.html to reftest. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| Index: LayoutTests/fast/multicol/client-rects-expected.html |
| diff --git a/LayoutTests/fast/multicol/client-rects-expected.html b/LayoutTests/fast/multicol/client-rects-expected.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..e1615e3d8d8727b53673d267f0eff9103175aa4a |
| --- /dev/null |
| +++ b/LayoutTests/fast/multicol/client-rects-expected.html |
| @@ -0,0 +1,83 @@ |
| +<!DOCTYPE html> |
| +<style> |
| + div.columns { |
| + height: 50px; |
| + width: 110px; |
| + margin: 10px 0; |
| + padding: 10px; |
| + border: solid black; |
| + font-family: Ahem; |
| + font-size: 25px; |
| + color: lightblue; |
| + display: inline-block; |
| + vertical-align: bottom; |
| + position: relative; |
| + } |
| + |
| + .column { |
| + position: absolute; |
| + width: 50px; |
| + } |
| + |
| + .left { left: 10px; } |
| + .right { right: 10px; } |
| + |
| + .column > span { |
| + background-color: lightblue; |
| + display: block; |
| + width: 25px; |
| + height: 25px; |
| + border: solid dodgerblue; |
| + -webkit-box-sizing: border-box; |
| + } |
| + |
| + .special > .left > span { |
| + margin-top: 40px; |
| + height: 10px; |
| + border: none; |
| + } |
| + .special > .right > span { |
| + background-image: linear-gradient(white, white); |
|
mstensho (USE GERRIT)
2014/10/20 20:01:46
I think the linear-gradient stuff here is too "wei
andersr
2014/10/21 06:45:49
Done.
|
| + background-size: 25px 10px; |
| + background-repeat: no-repeat; |
| + background-origin: border-box; |
| + margin-top: -10px; |
| + } |
| +</style> |
| +<p> |
| + The blue borders should coincide with light blue squares, like this: |
| + <span style="display: inline-block; background-color: lightblue; border: solid dodgerblue; width: 19px; height: 19px;"></span>. |
| + There should be none of this: |
| + <span style="display: inline-block; background-color: lightblue; width: 25px; height: 25px;"></span> |
| + or this: |
| + <span style="display: inline-block; border: solid dodgerblue; width: 19px; height: 19px;"></span>. |
| +</p> |
| +<div class="columns"> |
| + <div class="column left"><br><span></span></div> |
| + <div class="column right"><span></span><span></span></div> |
| +</div> |
| +<div class="columns"> |
| + <div class="column left"><br><span></span></div> |
| + <div class="column right"><span></span><span></span></div> |
| +</div> |
| +<div class="columns"> |
| + <div class="column left"><br><span></span></div> |
| + <div class="column right"><span></span><span></span></div> |
| +</div> |
| +<div class="columns"> |
| + <div class="column left"></div> |
| + <div class="column right"><span></span><span></span></div> |
| +</div> |
| +<div class="columns"> |
| + <div class="column right"><span></span></div> |
| +</div> |
| +<div class="columns"> |
| + <div class="column right"><span></span></div> |
| +</div> |
| +<p> |
| + Except here, where the blue border should be around the bigger slice of the blue square, on the right. |
| +</p> |
| +<div class="columns special"> |
| + <div class="column left"><span></span></div> |
| + <div class="column right"><span></span></div> |
| +</div> |
