Commit 064e5986 authored by Gyuyoung Kim's avatar Gyuyoung Kim Committed by Commit Bot

[css-flexbox] Move flexitem-stretch-image.html test to WPT

This CL moves flexitem-stretch-image.html
test from css3/css-flexbox to external/wpt/css/css-flexbox with WPT
styles, adding links to the relevant specs, and test description.

Additionally, this CL adds 100x100-blue.png to
external/wpt/css/css-flexbox/support directory.

Bug: 1063749
Change-Id: I1424f3fb9ca5a79046e3e451393a4eaa0f080347
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2126428
Commit-Queue: Gyuyoung Kim <gyuyoung@igalia.com>
Reviewed-by: default avatarDavid Grogan <dgrogan@chromium.org>
Reviewed-by: default avatarChristian Biesinger <cbiesinger@chromium.org>
Cr-Commit-Position: refs/heads/master@{#754775}
parent 05ad4b78
<!DOCTYPE html>
<html>
<title>CSS Flexbox: image stretch</title>
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-property">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#min-size-auto">
<link href="support/flexbox.css" rel="stylesheet">
<meta name="assert" content="This test ensures that flexbox stretches a given image
to fit the size of flexitem according to flex values.">
<style>
.flexbox {
width: 600px;
......@@ -15,15 +21,15 @@
min-width: 0;
}
</style>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../../resources/check-layout-th.js"></script>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<body onload="checkLayout('.flexbox')">
<div id=log></div>
<div class="flexbox">
<img data-expected-display="block" data-expected-width="345" style="flex: 1 0 auto;" src="../../images/resources/blue-100.png">
<img data-expected-display="block" data-expected-width="255" data-expected-height="100" style="flex: 1 0 auto;" src="../../images/resources/green-10.png">
<img data-expected-display="block" data-expected-width="345" style="flex: 1 0 auto;" src="support/100x100-blue.png">
<img data-expected-display="block" data-expected-width="255" data-expected-height="100" style="flex: 1 0 auto;" src="support/10x10-green.png">
</div>
</body>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment