Skip to content

GitLab

T
tangled
Commit b10a5ca2 authored by Antonio Gomes's avatar Antonio Gomes Committed by Commit Bot
Browse files
Options

[css-flexbox]: Migrate multiline-reverse-wrap-baseline.html to WPT 

BUG=1063749
R=dgrogan@chromium.org

Change-Id: I698cdd287a0da0d7eefee5343c8595a985844c6b
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2132431
Commit-Queue: David Grogan <dgrogan@chromium.org>
Reviewed-by: default avatarDavid Grogan <dgrogan@chromium.org>
Cr-Commit-Position: refs/heads/master@{#755547}
parent 9d6fd3a9
Hide whitespace changes
Inline Side-by-side
Showing with 16 additions and 16 deletions
third_party/blink/web_tests/css3/flexbox/multiline-reverse-wrap-baseline.html → third_party/blink/web_tests/external/wpt/css/css-flexbox/multiline-reverse-wrap-baseline.html
View file @ b10a5ca2
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<title>CSS Flexbox: multiline reverse wrap baseline.</title>
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#flex-wrap-property">
<link rel="match" href="reference/multiline-reverse-wrap-baseline-ref.html">
<meta name="assert" content="This test ensures that 'flex-wrap: wrap-reverse' flips the cross axis directions and items with baseline alignment are aligned to cross axis start."/>
<style> <style>
.flexbox { .flexbox {
width: 200px; width: 200px;
display: flex; display: flex;
background-color: #aaa; background-color: #aaa;
position: relative; position: relative;
flex-wrap: wrap-reverse; flex-wrap: wrap-reverse;
align-items: baseline; align-items: baseline;
margin-bottom: 10px; margin-bottom: 10px;
} }
.flexbox > div { .flexbox > div {
border: 0; border: 0;
} }
.flexbox :nth-child(1) { .flexbox :nth-child(1) {
background-color: lightblue; background-color: lightblue;
} }
.flexbox :nth-child(2) { .flexbox :nth-child(2) {
background-color: lightgreen; background-color: lightgreen;
} }
.flexbox :nth-child(3) { .flexbox :nth-child(3) {
background-color: pink; background-color: pink;
} }
.flexbox :nth-child(4) { .flexbox :nth-child(4) {
background-color: yellow; background-color: yellow;
} }
</style> </style>
<body> <body>
<p>Test to make sure that wrap-reverse flips the cross axis directions and items
with baseline alignment are aligned to cross axis start.</p>
<div class="flexbox"> <div class="flexbox">
<div style="flex: 1 0 100px;">first<br>first<br>first</div> <div style="flex: 1 0 100px;">first<br>first<br>first</div>
......
third_party/blink/web_tests/css3/flexbox/multiline-reverse-wrap-baseline-expected.html → third_party/blink/web_tests/external/wpt/css/css-flexbox/reference/multiline-reverse-wrap-baseline-ref.html
View file @ b10a5ca2
...@@ -15,8 +15,6 @@ td { ...@@ -15,8 +15,6 @@ td {
</style> </style>
</head> </head>
<body> <body>
<p>Test to make sure that wrap-reverse flips the cross axis directions and items
with baseline alignment are aligned to cross axis start.</p>
<table style="background-color: #aaa"> <table style="background-color: #aaa">
<tr><td colspan=2 style="height: 5px"></td></tr> <tr><td colspan=2 style="height: 5px"></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