gecko-dev/testing/web-platform/tests/css/css-flexbox/flexbox-lines-must-be-stretched-by-default.html
Antonio Gomes e14248520e Bug 1627034 [wpt PR 22662] - Simplify flexbox-lines-must-be-stretched-by-default.html JS logic, a=testonly
Automatic update from web-platform-tests
Simplify flexbox-lines-must-be-stretched-by-default.html JS logic

In the early days, this test was written to accommodate the case where
CSS Grid was under development, and possible to be toggled on/off at
runtime.

Now that CSS is Grid in stable for years, we can simplify the test's
JS code, and rewrite most of the page in pure HTML.

BUG=1063749
R=jfernandez@igalia.com

Change-Id: I558ba15bddd252c2f5fefb236cf630f3d08533f1
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2133918
Reviewed-by: Javier Fernandez <jfernandez@igalia.com>
Commit-Queue: Antonio Gomes <tonikitoo@igalia.com>
Cr-Commit-Position: refs/heads/master@{#755902}

--

wpt-commits: 45a6b75422385629beffcc4dd7dec6d74424b940
wpt-pr: 22662
2020-04-06 12:44:20 +00:00

32 lines
990 B
HTML

<!DOCTYPE html>
<title>CSS Flexbox: align-content initial value.</title>
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#align-content-property">
<meta name="assert" content="This test ensures that a flexbox container's align-content value default to 'stretch'."/>
<style>
.flex-container {
display: flex;
height: 100px;
width: 200px;
background-color: pink;
flex-wrap: wrap;
}
.flex-item1 {
width: 100%;
background-color: blue;
border: 1px solid;
border-color: red;
}
.flex-item2 {
width: 100%;
background-color: blue;
}
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.flex-container')">
<div id="flexContainer" class="flex-container">
<div id="flexItem1" class="flex-item1" data-expected-height=51></div>
<div id="flexItem2" class="flex-item2" data-expected-height=49></div>
</div>
</body>