third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-mbp-horiz-004.xhtml - Issue 2104493003: Import csswg-test@0589ea025a684e31742740ca3b599230bcc25e5d

Unified Diff: third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-mbp-horiz-004.xhtml

Issue 2104493003: Import csswg-test@0589ea025a684e31742740ca3b599230bcc25e5d (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Update TestExpectations, delete background Created 4 years, 6 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-mbp-horiz-003-reverse-expected.xhtml ('k') | third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-mbp-horiz-004-expected.xhtml » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-mbp-horiz-004.xhtml

diff --git a/third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-mbp-horiz-004.xhtml b/third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-mbp-horiz-004.xhtml

index e69c4e665cf0987142e234af126b4c38c428afad..545e54f71d2b0759912c6e9b6629fbe685dfd62d 100644

--- a/third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-mbp-horiz-004.xhtml

+++ b/third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-mbp-horiz-004.xhtml

@@ -1,13 +1,13 @@

<?xml version="1.0" encoding="UTF-8"?>

-<!--

+<!--

Any copyright is dedicated to the Public Domain.

http://creativecommons.org/publicdomain/zero/1.0/

- -->

-<!-- Testcase with percent-valued padding and/or margin on flex items. The spec

+-->

+<!-- Testcase with percent-valued padding and/or margin on flex items. The spec

says that percentage values on padding/margin-top and -bottom should be

resolved against the flex container's height (not its width, as would

be the case in a block).

- -->

+-->

<head>

<title>CSS Test: Testing percent-valued padding and margin on flex items</title>

@@ -52,23 +52,37 @@

</style>

</head>

<body>

- <!-- Flex container is auto-height - vertical margin and padding should

- resolve to 0, since they don't have anything to resolve % against. -->

+ <!-- Flex container is auto-height - vertical margin and padding should

+ resolve to 0, since they don't have anything to resolve % against. -->

<div class="flexbox"

- ><div class="child1 paddingA"><div class="filler"/></div><div class="child2 paddingB"><div class="filler"/></div><div class="child1 marginA"></div><div class="child2 marginB"></div></div>

+ ><div class="child1 paddingA"><div class="filler"/></div

+ ><div class="child2 paddingB"><div class="filler"/></div

+ ><div class="child1 marginA"></div

+ ><div class="child2 marginB"></div

+ ></div>

- <!-- Flex container has height: 50px - vertical margin and padding should

- resolve % values against that. -->

+ <!-- Flex container has height: 50px - vertical margin and padding should

+ resolve % values against that. -->

<div class="flexbox height50"

- ><div class="child1 paddingA"><div class="filler"/></div><div class="child2 paddingB"><div class="filler"/></div><div class="child1 marginA"></div><div class="child2 marginB"></div></div>

+ ><div class="child1 paddingA"><div class="filler"/></div

+ ><div class="child2 paddingB"><div class="filler"/></div

+ ><div class="child1 marginA"></div

+ ><div class="child2 marginB"></div

+ ></div>

- <!-- ...and now with align-items: flex-end, so we can see the margin-bottom

- in action -->

+ <!-- ...and now with align-items: flex-end, so we can see the margin-bottom

+ in action -->

<div class="flexbox height50" style="align-items: flex-end"

- ><div class="child1 paddingA"><div class="filler"/></div><div class="child2 paddingB"><div class="filler"/></div><div class="child1 marginA"></div><div class="child2 marginB"></div></div>

+ ><div class="child1 paddingA"><div class="filler"/></div

+ ><div class="child2 paddingB"><div class="filler"/></div

+ ><div class="child1 marginA"></div

+ ><div class="child2 marginB"></div

+ ></div>

-

+

<div class="flexbox height50"

- ><div class="child1 paddingA marginA"><div class="filler"/></div><div class="child2 paddingB marginB"><div class="filler"/></div></div>

+ ><div class="child1 paddingA marginA"><div class="filler"/></div

+ ><div class="child2 paddingB marginB"><div class="filler"/></div

+ ></div>

</body>

</html>