third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-baseline-empty-001b-expected.html - Issue 2595173004: Import csswg-test@75a3f186b64787c9b7cb292a22d1f6e9237ff1bc

Unified Diff: third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-baseline-empty-001b-expected.html

Issue 2595173004: Import csswg-test@75a3f186b64787c9b7cb292a22d1f6e9237ff1bc (Closed)

Patch Set: Add caret-color failures to TestExpectations Created 4 years 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

« no previous file with comments | « third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-baseline-empty-001b.html ('k') | no next file » | 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-baseline-empty-001b-expected.html

diff --git a/third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-baseline-empty-001b-expected.html b/third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-baseline-empty-001b-expected.html

index 576d22ff599cd9aab3f900a6c8ae6bb76dc7be0d..fc574143e186390f40835b7bc984bab4e017123c 100644

--- a/third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-baseline-empty-001b-expected.html

+++ b/third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-baseline-empty-001b-expected.html

@@ -4,9 +4,7 @@

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

-->

<!-- In this reference case, we have inline-blocks instead of inline

- flex containers. We stick an Ahem whitespace character in each

- inline-block, with a customized line-height to make the baseline

- end up at the bottom of the inline-block's content-box. -->

+ flex containers. Otherwise it's the same. -->

<html>

<head>

<title>CSS Reftest Reference</title>

@@ -21,13 +19,6 @@

display: inline-block;

height: 16px;

width: 16px;

- /* Each inline-block's baseline will be the baseline of the single Ahem

- character that it contains. We want to set up that char such that its

- baseline is at the bottom of the container's content box (since that's

- the corresponding flex container's baseline). So, we use a line-height

- of 20px, which gives us a baseline of 20px * 0.8 = 16px, which is the

- bottom of the container's content-box -- awesome. */

- line-height: 20px;

background: purple;

border: 0px dotted black;

/* (Elements that want a border will set their border-width.) */

@@ -36,13 +27,11 @@

</head>

<body>

- <!-- We have to include a character in the inline-blocks in order for them

- to baseline-align; otherwise, they align the bottom of their

- border-boxes. -->

- <div class="flexContainer"> </div>

- <div class="flexContainer" style="padding-bottom: 20px"> </div>

- <div class="flexContainer" style="padding: 10px"> </div>

- <div class="flexContainer" style="border-width: 3px"> </div>

- <div class="flexContainer" style="border-bottom-width: 4px"> </div>

+ <div class="flexContainer"></div>

+ <div class="flexContainer" style="padding-bottom: 20px"></div>

+ <div class="flexContainer" style="padding: 10px"></div>

+ <div class="flexContainer" style="border-width: 3px"></div>

+ <div class="flexContainer" style="border-bottom-width: 4px"></div>

+ <div class="flexContainer" style="border-bottom-width: 4px; margin: 2px"></div>

</body>

</html>