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

This CL moves flexitem-stretch-range[-expected].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 removes <p></p> paragraph because it's the same to the assert. Bug: 1063749 Change-Id: If2811c22ddb2d38e9bb233d8fca416c8c5f0452d
web-platform-tests · Mar 31, 2020 · e055981 · e055981
1 parent 4645d03
commit e055981
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/css/css-flexbox/flexitem-stretch-range.html b/css/css-flexbox/flexitem-stretch-range.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<title>CSS Flexbox: range 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 rel="match" href="reference/flexitem-stretch-range-ref.html">
+<link href="support/flexbox.css" rel="stylesheet">
+<meta name="assert" content="This test ensures that the thumb should be centered vertically
+when stretching a range input.">
+<body>
+<p>When stretching a range input, the thumb should be centered vertically.</p>
+<div class="flexbox" style="height: 200px;">
+    <input type="range" style="flex: 1; margin: 0;">
+</div>
+</body>
+</html>
diff --git a/css/css-flexbox/reference/flexitem-stretch-range-ref.html b/css/css-flexbox/reference/flexitem-stretch-range-ref.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<body>
+<p>When stretching a range input, the thumb should be centered vertically.</p>
+<div style="height: 200px;">
+    <input type="range" style="width: 100%; height: 100%; margin: 0;">
+</div>
+</body>
+</html>