Skip to content

GitLab

T
tangled
Commit 8ab053d0 authored by Gyuyoung Kim's avatar Gyuyoung Kim Committed by Commit Bot
Browse files
Options

[css-flexbox] Move stretch-table-child.html test to WPT 

This CL moves stretch-table-child.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 sets a background color to 'first' selector
for the manual test.

Bug: 1063749
Change-Id: I20655a51cc6fc6462bf4f0aba361e8f9a05d095b
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2132899Reviewed-by: default avatarChristian Biesinger <cbiesinger@chromium.org>
Reviewed-by: default avatarDavid Grogan <dgrogan@chromium.org>
Reviewed-by: default avatarRobert Ma <robertma@chromium.org>
Commit-Queue: Gyuyoung Kim <gyuyoung@igalia.com>
Cr-Commit-Position: refs/heads/master@{#758678}
parent a84153a6
Hide whitespace changes
Inline Side-by-side
Showing with 47 additions and 0 deletions
third_party/blink/web_tests/css3/flexbox/stretch-table-child.html → third_party/blink/web_tests/external/wpt/css/css-flexbox/table-as-item-cross-size.html
View file @ 8ab053d0
<!DOCTYPE html>
<html>
<head>
<title>CSS Flexbox: Correct cross size of Table with 'align-self: stretch'</title>
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#algo-stretch">
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-direction-property">
<meta name="assert" content="This test ensures that flexbox computes a correct cross size of a <table> flex item with align-self: stretch.">
<style>
.container {
display: flex;
......@@ -10,6 +14,7 @@
}
.first {
flex: 1 1 auto;
background-color: blue;
}
.test {
flex: 0 0 auto;
......@@ -21,14 +26,17 @@ td {
}
</style>
</head>
<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('.test')">
<div id=log></div>
<div class="container">
<div class="first">
</div>
<!-- This wrapper div is a row flexbox. It should get a height of 50px, matching the height
of the inner table. In particular, it should not be 0 on the basis that tables don't
have an intrinsic block-size. -->
<div class="test" data-expected-height=50>
<table>
<tr><td></td></tr>
......
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