third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-width-block-in-available-001.html - Issue 1922043004: Import csswg-test@b2daa426addd5ccb8e9ce1c5d800f9d82603f1ec

Side by Side Diff: third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-width-block-in-available-001.html

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

Patch Set: Update W3CImportExpectations and make me owner for css-scoping-1 Created 4 years, 7 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/css-shapes-1/shape-outside/values/shape-outside-shape-notation-000.html ('k') | third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-width-block-in-available-001-expected.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 <title>CSS Snap Size: snap-width</title>	2 <title>CSS Snap Size: snap-width</title>

3 <link rel="help" href="https://drafts.csswg.org/css-snap-size/#snap-width">	3 <link rel="help" href="https://drafts.csswg.org/css-snap-size/#snap-width">

4 <link rel="match" href="reference/snap-width-block-001.html">	4 <link rel="match" href="reference/snap-width--001.html">

5 <meta name="assert" content="This test asserts the snap-width property rounds do wn the box width.">	5 <meta name="assert" content="This test asserts the snap-width property rounds do wn the box width.">

6 <meta name="flags" content="ahem">	6 <meta name="flags" content="ahem">

7 <link rel="author" title="Koji Ishii" href="kojiishi@gmail.com">	7 <link rel="author" title="Koji Ishii" href="kojiishi@gmail.com">

8 <style>	8 <style>

9 .container {	9 .container {

10 font-family: Ahem;	10 font-family: Ahem;

11 font-size: 32px;	11 font-size: 32px;

12 line-height: 1;	12 line-height: 1;

13 }	13 }

14 .container > div {	14 .container > div {

(...skipping 11 matching lines...) Expand all Loading...
26 .container.border, .container.padding { width: 21.3em; }	26 .container.border, .container.padding { width: 21.3em; }

27 .container.border.padding { width: 22.1em; }	27 .container.border.padding { width: 22.1em; }

28 .test {	28 .test {

29 snap-width: 1em;	29 snap-width: 1em;

30 text-align: right;	30 text-align: right;

31 }	31 }

32 .ref {	32 .ref {

33 white-space: pre; /* make sure the line does not wrap */	33 white-space: pre; /* make sure the line does not wrap */

34 width: 20em;	34 width: 20em;

35 }	35 }

36 .content {	36 </style>

37 display: block;

38 height: 1em;

39 background-color: black;

40 }</style>

41 <body>	37 <body>

42 <p class="instructions" style="display:none">Test passes if each pair of boxes a re the same,	38 <p class="instructions" style="display:none">Test passes if each pair of boxes a re the same,

43 including how they look, widths, and horizontal positions.	39 including how they look, widths, and horizontal positions.

44	40

45 <div class="container">	41 <div class="container">

46 <div class="test"><div class="content"></div></div>	42 <div class="test"><div>XXXXXXXXXX XXXXXXXXX</div></div>

47 <div class="ref"><div class="content"></div></div>	43 <div class="ref"><div>XXXXXXXXXX XXXXXXXXX</div></div>

48 </div>	44 </div>

49	45

50 <div class="border container">	46 <div class="border container">

51 <div class="test"><div class="content"></div></div>	47 <div class="test"><div>XXXXXXXXXX XXXXXXXXX</div></div>

52 <div class="ref"><div class="content"></div></div>	48 <div class="ref"><div>XXXXXXXXXX XXXXXXXXX</div></div>

53 </div>	49 </div>

54	50

55 <div class="padding container">	51 <div class="padding container">

56 <div class="test"><div class="content"></div></div>	52 <div class="test"><div>XXXXXXXXXX XXXXXXXXX</div></div>

57 <div class="ref"><div class="content"></div></div>	53 <div class="ref"><div>XXXXXXXXXX XXXXXXXXX</div></div>

58 </div>	54 </div>

59	55

60 <div class="border padding container">	56 <div class="border padding container">

61 <div class="test"><div class="content"></div></div>	57 <div class="test"><div>XXXXXXXXXX XXXXXXXXX</div></div>

62 <div class="ref"><div class="content"></div></div>	58 <div class="ref"><div>XXXXXXXXXX XXXXXXXXX</div></div>

63 </div>	59 </div>

64 </body>	60 </body>

OLD	NEW