third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-001a.xhtml - Issue 1705363002: Import Mozilla's flexbox tests from csswg-test

Side by Side Diff: third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-001a.xhtml

Issue 1705363002: Import Mozilla's flexbox tests from csswg-test (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: add test expectations for mac-specific failures Created 4 years, 10 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 unified diff | Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-horiz-005-expected.xhtml ('k') | third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-justify-content-vert-001a-expected.xhtml » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <?xml version="1.0" encoding="UTF-8"?>

	2 <!--

	3 Any copyright is dedicated to the Public Domain.

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

	5 -->

	6 <!-- Testcase with a series of vertical flex containers, testing each

	7 possible value of the 'justify-content' property. -->

	8 <html xmlns="http://www.w3.org/1999/xhtml">

	9 <head>

	10 <title>CSS Test: Testing 'justify-content' in a vertical flex container</tit le>

	11 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com" />

	12 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#justify-content-p roperty"/>

	13 <link rel="match" href="flexbox-justify-content-vert-001-ref.xhtml"/>

	14 <style>

	15 div.flexbox {

	16 height: 200px;

	17 display: flex;

	18 flex-direction: column;

	19 margin-right: 2px;

	20 float: left;

	21 }

	22 div.a {

	23 width: 20px;

	24 flex: 0 10px;

	25 background: lightgreen;

	26 }

	27 div.b {

	28 width: 20px;

	29 flex: 0 50px;

	30 background: pink;

	31 }

	32 div.c {

	33 width: 20px;

	34 flex: 0 100px;

	35 background: orange;

	36 }

	37 </style>

	38 </head>

	39 <body>

	40

	41 <!-- default (start) -->

	42 <div class="flexbox">

	43 <div class="a"/>

	44 </div>

	45 <div class="flexbox">

	46 <div class="a"/><div class="b"></div>

	47 </div>

	48 <div class="flexbox">

	49 <div class="a"/><div class="b"/><div class="c"/>

	50 </div>

	51

	52 <!-- flex-start -->

	53 <div class="flexbox" style="justify-content: flex-start">

	54 <div class="a"/>

	55 </div>

	56 <div class="flexbox" style="justify-content: flex-start">

	57 <div class="a"/><div class="b"/>

	58 </div>

	59 <div class="flexbox" style="justify-content: flex-start">

	60 <div class="a"/><div class="b"/><div class="c"/>

	61 </div>

	62

	63 <!-- flex-end -->

	64 <div class="flexbox" style="justify-content: flex-end">

	65 <div class="a"/>

	66 </div>

	67 <div class="flexbox" style="justify-content: flex-end">

	68 <div class="a"/><div class="b"/>

	69 </div>

	70 <div class="flexbox" style="justify-content: flex-end">

	71 <div class="a"/><div class="b"/><div class="c"/>

	72 </div>

	73

	74 <!-- center -->

	75 <div class="flexbox" style="justify-content: center">

	76 <div class="a"/>

	77 </div>

	78 <div class="flexbox" style="justify-content: center">

	79 <div class="a"/><div class="b"/>

	80 </div>

	81 <div class="flexbox" style="justify-content: center">

	82 <div class="a"/><div class="b"/><div class="c"/>

	83 </div>

	84

	85 <!-- space-between -->

	86 <div class="flexbox" style="justify-content: space-between">

	87 <div class="a"/>

	88 </div>

	89 <div class="flexbox" style="justify-content: space-between">

	90 <div class="a"/><div class="b"/>

	91 </div>

	92 <div class="flexbox" style="justify-content: space-between">

	93 <div class="a"/><div class="b"/><div class="c"/>

	94 </div>

	95

	96 <!-- space-around -->

	97 <div class="flexbox" style="justify-content: space-around">

	98 <div class="a"/>

	99 </div>

	100 <div class="flexbox" style="justify-content: space-around">

	101 <div class="a"/><div class="b"/>

	102 </div>

	103 <div class="flexbox" style="justify-content: space-around">

	104 <div class="a"/><div class="b"/><div class="c"/>

	105 </div>

	106

	107 </body>

	108 </html>

OLD	NEW