Skip to content

GitLab

T
tangled
Commit 90c9860a authored by Julie Jeongeun Kim's avatar Julie Jeongeun Kim Committed by Commit Bot
Browse files
Options

[css-flexbox] Move percent-height-children-of-alignSelf-stretch-flex-item.html to WPT 

This CL migrates 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 and renames it to percentage-heights-012.html.

Bug: 1063749
Change-Id: I8eb11207d1645bb4931f380dda29bddc4fae4879
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2133988
Commit-Queue: David Grogan <dgrogan@chromium.org>
Reviewed-by: default avatarRobert Ma <robertma@chromium.org>
Reviewed-by: default avatarDavid Grogan <dgrogan@chromium.org>
Cr-Commit-Position: refs/heads/master@{#756036}
parent a403248c
Hide whitespace changes
Inline Side-by-side
Showing with 10 additions and 6 deletions
third_party/blink/web_tests/css3/flexbox/percent-height-children-of-alignSelf-stretch-flex-item.html → third_party/blink/web_tests/external/wpt/css/css-flexbox/percentage-heights-012.html
View file @ 90c9860a
<!DOCTYPE html> <!DOCTYPE html>
<link href="resources/flexbox.css" rel="stylesheet"> <title>CSS Flexbox: percentages in flex items</title>
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#definite-sizes">
<link rel="help" href="https://crbug.com/341310">
<meta name="assert" content="This test ensures that percentages are resolved in flex items.">
<link href="support/flexbox.css" rel="stylesheet">
<style> <style>
.horizontal { .horizontal {
height: 50px; height: 50px;
...@@ -17,9 +21,9 @@ ...@@ -17,9 +21,9 @@
background-color: red; background-color: red;
} }
</style> </style>
<script src="../../resources/testharness.js"></script> <script src="/resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script> <script src="/resources/testharnessreport.js"></script>
<script src="../../resources/check-layout-th.js"></script> <script src="/resources/check-layout-th.js"></script>
<script> <script>
function changeHeight() function changeHeight()
{ {
...@@ -45,7 +49,7 @@ function changeHeight() ...@@ -45,7 +49,7 @@ function changeHeight()
</div> </div>
</div> </div>
<div class="flexbox horizontal"> <div class="flexbox horizontal">
<img data-expected-height="25" style="max-height: 50%" src="../../images/resources/green-10.png" /> <img data-expected-height="25" style="max-height: 50%" src="support/10x10-green.png" />
</div> </div>
<div class="flexbox horizontal"> <div class="flexbox horizontal">
<div data-expected-height="25" class="flex-one" style="max-height:50%"> <div data-expected-height="25" class="flex-one" style="max-height:50%">
...@@ -68,7 +72,7 @@ function changeHeight() ...@@ -68,7 +72,7 @@ function changeHeight()
</div> </div>
</div> </div>
<div class="flexbox vertical"> <div class="flexbox vertical">
<img data-expected-width="25" style="max-width: 50%" src="../../images/resources/green-10.png" /> <img data-expected-width="25" style="max-width: 50%" src="support/10x10-green.png" />
</div> </div>
<div class="flexbox vertical"> <div class="flexbox vertical">
<div data-expected-width="25" class="flex-one" style="max-width: 50%"> <div data-expected-width="25" class="flex-one" style="max-width: 50%">
......
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