Skip to content

GitLab

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

[css-flexbox] Move z-index.html from css3/flexbox 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
flex-item-z-ordering-001.html.

Bug: 1063749
Change-Id: I36a4329db16e6cb805ada486ebbebe565a66c97a
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2131550
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@{#755527}
parent 52f03bb1
Hide whitespace changes
Inline Side-by-side
Showing with 10 additions and 5 deletions
third_party/blink/web_tests/css3/flexbox/z-index.html → third_party/blink/web_tests/external/wpt/css/css-flexbox/flex-item-z-ordering-001.html
View file @ 78755b0a
<!DOCTYPE html>
<title>CSS Flexbox: z-index on non-positioned flex-items</title>
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#painting">
<link rel="bookmark" href="https://bugs.webkit.org/show_bug.cgi?id=91405">
<link rel="match" href="reference/flex-item-z-ordering-001-ref.html">
<meta name="assert" content="z-index on non-positioned flex-items works.">
<style>
.flex-item {
width: 50px;
height: 50px;
}
.positioned {
position: absolute;
left: 25px;
position: absolute;
left: 25px;
height: 25px;
width: 50px;
width: 50px;
}
</style>
<div>This tests that z-index on non-positioned flex-items works. The green boxes should be above the orange boxes, which should be above the purple boxes, which are above the salmon boxes.<div>
<div>The green boxes should be above the orange boxes, which should be above the purple boxes, which are above the salmon boxes.<div>
<div style="position:relative">
<div style="display:flex;">
<div class="flex-item" style="z-index: 1; background-color: salmon;"></div>
......
third_party/blink/web_tests/css3/flexbox/z-index-expected.html → third_party/blink/web_tests/external/wpt/css/css-flexbox/reference/flex-item-z-ordering-001-ref.html
View file @ 78755b0a
......@@ -13,7 +13,7 @@
width: 50px;
}
</style>
<div>This tests that z-index on non-positioned flex-items works. The green boxes should be above the orange boxes, which should be above the purple boxes, which are above the salmon boxes.<div>
<div>The green boxes should be above the orange boxes, which should be above the purple boxes, which are above the salmon boxes.<div>
<div class="container" style="position:relative">
<div class="large" style="z-index: 1; background-color: salmon;"></div>
<div class="large" style="z-index: 100; background-color: orange; left: 50px;"></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