[css-flexbox] Move auto-height-column-with-border-and-padding.html test from css3/flexbox to WPT
This CL moves auto-height-column-with-border-and-padding.html test
from css/css-flexbox to external/wpt/css/css-flexbox with WPT styles,
adding links to the relevant specs and a ref test link.
Bug: 1063749
Change-Id: I6751269ba56911615f236d57216e792b64410cfe
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2117555
Reviewed-by: Christian Biesinger <cbiesinger@chromium.org>
Reviewed-by: Robert Ma <robertma@chromium.org>
Reviewed-by: David Grogan <dgrogan@chromium.org>
Commit-Queue: Gyuyoung Kim <gyuyoung@igalia.com>
Cr-Commit-Position: refs/heads/master@{#753463}
diff --git a/css/css-flexbox/auto-height-column-with-border-and-padding.html b/css/css-flexbox/auto-height-column-with-border-and-padding.html
new file mode 100644
index 0000000..2151c21
--- /dev/null
+++ b/css/css-flexbox/auto-height-column-with-border-and-padding.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<title>CSS Flexbox: auto-height with border and padding</title>
+<link href="support/flexbox.css" rel="stylesheet">
+<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column">
+<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse">
+<link rel="match" href="reference/auto-height-column-with-border-and-padding-ref.html">
+Tests that auto-height column flexboxes with border and padding correctly size their height to their content.
+<div class="flexbox column" style="border: 5px solid salmon; padding: 5px; overflow: scroll">
+ <div class="flex-one-one-auto" style="min-height: 0">
+ <div style="height: 50px; background-color: pink">
+ <div>
+</div>
diff --git a/css/css-flexbox/reference/auto-height-column-with-border-and-padding-ref.html b/css/css-flexbox/reference/auto-height-column-with-border-and-padding-ref.html
new file mode 100644
index 0000000..a5ed108
--- /dev/null
+++ b/css/css-flexbox/reference/auto-height-column-with-border-and-padding-ref.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+Tests that auto-height column flexboxes with border and padding correctly size their height to their content.
+<div style="border: 5px solid salmon; padding: 5px; overflow: scroll">
+ <div>
+ <div style="height: 50px; background-color: pink">
+ <div>
+</div>
