| Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/repeating-layout-must-produce-the-same-results.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/repeating-layout-must-produce-the-same-results.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/repeating-layout-must-produce-the-same-results.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..39951fde24b95d04aa28bdeb91e5a1a4620bbcf1
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/repeating-layout-must-produce-the-same-results.html
|
| @@ -0,0 +1,53 @@
|
| +<!DOCTYPE html>
|
| +<link href="resources/grid.css" rel="stylesheet">
|
| +<link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel="stylesheet">
|
| +<style>
|
| +body {
|
| + margin: 0;
|
| +}
|
| +.container {
|
| + width: 100px;
|
| +}
|
| +.grid {
|
| + border: 5px solid;
|
| + grid-template-rows: 50px;
|
| + font: 25px/1 Ahem;
|
| +}
|
| +.i1 {
|
| + color: magenta;
|
| + background: cyan;
|
| + writing-mode: vertical-lr;
|
| +}
|
| +.i2 {
|
| + color: red;
|
| + background: blue;
|
| + grid-column: 2;
|
| +}
|
| +</style>
|
| +<script src="../../resources/testharness.js"></script>
|
| +<script src="../../resources/testharnessreport.js"></script>
|
| +<script src="../../resources/check-layout-th.js"></script>
|
| +<script>
|
| + function runTest() {
|
| + document.body.offsetLeft;
|
| + document.body.offsetLeft;
|
| + checkLayout('.grid');
|
| + }
|
| +</script>
|
| +<body onload="runTest();">
|
| +<p>Regresison test for bug 628565 - Ensure that we get the same sizing results when doing several layouts.</p>
|
| +<div class="grid fit-content" data-expected-width="135" data-expected-height="60">
|
| + <div class="i1" data-expected-width="50" data-expected-height="50">XX X</div>
|
| + <div class="i2" data-expected-width="75" data-expected-height="50">XX X</div>
|
| +</div>
|
| +<br>
|
| +<div class="grid min-content" data-expected-width="85" data-expected-height="60">
|
| + <div class="i1" data-expected-width="50" data-expected-height="50">XX X</div>
|
| + <div class="i2" data-expected-width="50" data-expected-height="50">XX X</div>
|
| +</div>
|
| +<br>
|
| +<div class="grid max-content" data-expected-width="135" data-expected-height="60">
|
| + <div class="i1" data-expected-width="50" data-expected-height="50">XX X</div>
|
| + <div class="i2" data-expected-width="75" data-expected-height="50">XX X</div>
|
| +</div>
|
| +</body
|
|
|