Commit 21bbc5b3 authored by Gyuyoung Kim's avatar Gyuyoung Kim Committed by Commit Bot

[css-flexbox] Move flexitem-no-margin-collapsing.html test to WPT

This CL moves flex-item-contains-strict.html test from
css3/css-flexbox to external/wpt/css/css-flexbox with WPT
styles, adding links to the relevant specs, a proper title,
and test description.

Bug: 1063749
Change-Id: I8c688b51efc8890250073778b76bef1f23f8fa24
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2123573Reviewed-by: default avatarChristian Biesinger <cbiesinger@chromium.org>
Reviewed-by: default avatarRobert Ma <robertma@chromium.org>
Commit-Queue: Gyuyoung Kim <gyuyoung@igalia.com>
Cr-Commit-Position: refs/heads/master@{#754783}
parent 1e688ea3
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link href="resources/flexbox.css" rel="stylesheet"> <title>CSS Flexbox: flex items don't collapse margins</title>
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#item-margins">
<link href="support/flexbox.css" rel="stylesheet">
<meta name="assert" content="This test ensures that flex items don't collapse margins
with their children.">
<style> <style>
.flexbox { .flexbox {
background-color: lightgrey; background-color: lightgrey;
...@@ -13,17 +17,17 @@ ...@@ -13,17 +17,17 @@
background-color: blue; background-color: blue;
} }
</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>
</head> </head>
<body onload="checkLayout('.flexbox')"> <body onload="checkLayout('.flexbox')">
<div id=log></div> <div id=log></div>
<div class="flexbox" style="position: relative"> <div class="flexbox" style="position: relative">
<div data-offset-x="0" data-offset-y="0" data-expected-width="120" data-expected-height="120"> <div data-offset-x="0" data-offset-y="0" data-expected-width="120" data-expected-height="120">
<p data-offset-x="10" data-offset-y="10" data-expected-width="100" data-expected-height="100"></p> <p data-offset-x="10" data-offset-y="10" data-expected-width="100" data-expected-height="100"></p>
</div> </div>
</div> </div>
</body> </body>
......
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