[css-flexbox] Move inline-flexbox-wrap-vertically-width-calculation.html to WPT
Migrate this test out of third_party/blink/web_tests/css3/flexbox
and into the WPT-specific directory, adding links to the relevant
specs and a test assertion describing its purpose.
Bug: 1063749
Change-Id: Ia91dac770baad6695673f54c776b053d3851ead7
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2119294
Reviewed-by: Robert Ma <robertma@chromium.org>
Reviewed-by: David Grogan <dgrogan@chromium.org>
Commit-Queue: Julie Kim <jkim@igalia.com>
Cr-Commit-Position: refs/heads/master@{#753480}
diff --git a/third_party/blink/web_tests/css3/flexbox/inline-flexbox-wrap-vertically-width-calculation.html b/third_party/blink/web_tests/external/wpt/css/css-flexbox/inline-flexbox-wrap-vertically-width-calculation.html
similarity index 91%
rename from third_party/blink/web_tests/css3/flexbox/inline-flexbox-wrap-vertically-width-calculation.html
rename to third_party/blink/web_tests/external/wpt/css/css-flexbox/inline-flexbox-wrap-vertically-width-calculation.html
index 69fd5035..e9010cf 100644
--- a/third_party/blink/web_tests/css3/flexbox/inline-flexbox-wrap-vertically-width-calculation.html
+++ b/third_party/blink/web_tests/external/wpt/css/css-flexbox/inline-flexbox-wrap-vertically-width-calculation.html
@@ -1,6 +1,11 @@
<!DOCTYPE html>
<html>
-<link href="resources/flexbox.css" rel="stylesheet">
+<title>CSS Flexbox: Inline flexbox width calculation with flex-direction: column and flex-wrap</title>
+<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-direction-property">
+<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-wrap-property">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#Computing_widths_and_margins">
+<link href="support/flexbox.css" rel="stylesheet">
+<meta name="assert" content="This test checks that width is correctly computed for flexbox with flex-direction: column and flex-wrap.">
<style>
.inline-flexbox {
background-color: #aaa;
@@ -26,9 +31,9 @@
background-color: yellow;
}
</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('.inline-flexbox');">
<div id=log></div>
<div class="inline-flexbox column align-content-flex-start wrap" data-expected-width="110" data-expected-height="60">
