third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-items-as-stacking-contexts-002-expected.html - 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-items-as-stacking-contexts-002-expected.html

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-items-as-stacking-contexts-002.html ('k') | third_party/WebKit/LayoutTests/imported/csswg-test/vendor-imports/mozilla/mozilla-central-reftests/flexbox/flexbox-items-as-stacking-contexts-003.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <!--	2 <!--

3 Any copyright is dedicated to the Public Domain.	3 Any copyright is dedicated to the Public Domain.

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

5 -->	5 -->

6 <html>	6 <html>

7 <head>	7 <head>

	8 <title>CSS Reftest Reference</title>

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

8 <style>	10 <style>

9 body { font: 10px sans-serif }	11 body { font: 10px sans-serif }

10 .flexContainer {	12 .flexContainer {

11 background: orange;	13 background: orange;

12 width: 70px;	14 width: 70px;

13 padding: 2px;	15 padding: 2px;

14 margin-bottom: 2px;	16 margin-bottom: 2px;

15 }	17 }

16	18

17 .flexContainer > div:first-child {	19 .flexContainer > div:first-child {

18 margin-right: 10px; /* the space between the flex items, in testcase */	20 margin-right: 10px; /* the space between the flex items, in testcase */

19 }	21 }

20	22

21 .item1 {	23 .item1 {

22 display: inline-block;	24 display: inline-block;

23 background: lightblue;	25 background: lightblue;

24 width: 30px;	26 width: 30px;

25 }	27 }

26 .item2 {	28 .item2 {

27 display: inline-block;	29 display: inline-block;

28 background: yellow;	30 background: yellow;

29 width: 30px;	31 width: 30px;

30 }	32 }

31 </style>	33 </style>

32 </head>	34 </head>

33 <body>	35 <body>

34 <div class="flexContainer"	36 <div class="flexContainer"

35 ><div class="item1">ThisIsALongUnbrokenString</div	37 ><div class="item1">ThisIsALongUnbrokenString</div><div class="item2">HereIs SomeMoreLongText</div></div>

36 ><div class="item2">HereIsSomeMoreLongText</div

37 ></div>

38	38

39 <div class="flexContainer"	39 <div class="flexContainer"

40 ><div class="item1" style="position:relative">ThisIsALongUnbrokenString</div	40 ><div class="item1" style="position:relative">ThisIsALongUnbrokenString</div ><div class="item2">HereIsSomeMoreLongText</div></div>

41 ><div class="item2">HereIsSomeMoreLongText</div

42 ></div>

43	41

44 <div class="flexContainer"	42 <div class="flexContainer"

45 ><div class="item1" style="position:relative">ThisIsALongUnbrokenString</div	43 ><div class="item1" style="position:relative">ThisIsALongUnbrokenString</div ><div class="item2">HereIsSomeMoreLongText</div></div>

46 ><div class="item2">HereIsSomeMoreLongText</div

47 ></div>

48	44

49 <div class="flexContainer"	45 <div class="flexContainer"

50 ><div class="item2">HereIsSomeMoreLongText</div	46 ><div class="item2">HereIsSomeMoreLongText</div><div class="item1">ThisIsALo ngUnbrokenString</div></div>

51 ><div class="item1">ThisIsALongUnbrokenString</div

52 ></div>

53	47

54 <div class="flexContainer"	48 <div class="flexContainer"

55 ><div class="item2">HereIsSomeMoreLongText</div	49 ><div class="item2">HereIsSomeMoreLongText</div><div class="item1">ThisIsALo ngUnbrokenString</div></div>

56 ><div class="item1">ThisIsALongUnbrokenString</div

57 ></div>

58	50

59 <div class="flexContainer"	51 <div class="flexContainer"

60 ><div class="item2" style="position:relative">HereIsSomeMoreLongText</div	52 ><div class="item2" style="position:relative">HereIsSomeMoreLongText</div><d iv class="item1">ThisIsALongUnbrokenString</div></div>

61 ><div class="item1">ThisIsALongUnbrokenString</div

62 ></div>

63 </body>	53 </body>

64 </html>	54 </html>

OLD	NEW