Skip to content

GitLab

T
tangled
Commit b09c16c1 authored by Miyoung Shin's avatar Miyoung Shin Committed by Commit Bot
Browse files
Options

[css-flexbox] Move percentage-height-replaced-element.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-013.html.

Bug: 1063749
Change-Id: I6e8d246c6f7780dd5ee9d1ceeff3a0a173d4f6a5
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2134032Reviewed-by: default avatarDavid Grogan <dgrogan@chromium.org>
Reviewed-by: default avatarRobert Ma <robertma@chromium.org>
Commit-Queue: David Grogan <dgrogan@chromium.org>
Cr-Commit-Position: refs/heads/master@{#756518}
parent 0a8c7ee1
Hide whitespace changes
Inline Side-by-side
Showing with 39 additions and 0 deletions
third_party/blink/web_tests/css3/flexbox/percentage-height-replaced-element.html → third_party/blink/web_tests/external/wpt/css/css-flexbox/percentage-heights-013.html
View file @ b09c16c1
<!DOCTYPE html> <!DOCTYPE html>
<title>CSS Flexbox: percentage height of replaced elements</title>
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#definite-sizes">
<link rel="help" href="https://crbug.com/499766">
<meta name="assert" content="This test checks that percent heights of flex items' replaced children are resolved correctly" />
<link href="support/flexbox.css" rel="stylesheet">
<link href="resources/flexbox.css" rel="stylesheet"> <script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../../resources/testharness.js"></script> <script src="/resources/check-layout-th.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../../resources/check-layout-th.js"></script>
<body onload="checkLayout('.flexbox')"> <body onload="checkLayout('.flexbox')">
<div id=log></div> <div id=log></div>
...@@ -13,19 +16,19 @@ ...@@ -13,19 +16,19 @@
<div class="flexbox" style="width: 100px; height: 150px; outline: 5px solid black;"> <div class="flexbox" style="width: 100px; height: 150px; outline: 5px solid black;">
<div style="background: red;"> <div style="background: red;">
<img style="height: 100%; width: 100%;" src="../../images/resources/green-100.png" data-expected-height="150"> <img style="height: 100%; width: 100%;" src="support/100x100-green.png" data-expected-height="150">
</div> </div>
</div> </div>
<div class="flexbox column" style="width: 100px; height: 150px; outline: 5px solid black;"> <div class="flexbox column" style="width: 100px; height: 150px; outline: 5px solid black;">
<div class="flex-one" style="background: red;"> <div class="flex-one" style="background: red;">
<img style="height: 100%; width: 100%;" src="../../images/resources/green-100.png" data-expected-height="150"> <img style="height: 100%; width: 100%;" src="support/100x100-green.png" data-expected-height="150">
</div> </div>
</div> </div>
<div class="flexbox" style="width: 100px; height: 150px; outline: 5px solid black;"> <div class="flexbox" style="width: 100px; height: 150px; outline: 5px solid black;">
<div style="background: red;"> <div style="background: red;">
<object style="height: 100%; width: 100%;" data="../../images/resources/green-100.png" data-expected-height="150"></object> <object style="height: 100%; width: 100%;" data="support/100x100-green.png" data-expected-height="150"></object>
</div> </div>
</div> </div>
......
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