Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(14)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-width-block-in-max-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, 8 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-snap-size-1/snap-width-block-in-fixed-001-expected.html ('k') | third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-width-block-in-max-001-expected.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 {
15 margin: .5em 0; 15 margin: .5em 0;
16 } 16 }
17 .border > div { 17 .border > div {
18 border-left: .4em transparent solid; 18 border-left: .4em transparent solid;
19 border-right: .4em transparent solid; 19 border-right: .4em transparent solid;
20 } 20 }
21 .padding > div { 21 .padding > div {
22 padding: 0 .4em; 22 padding: 0 .4em;
23 } 23 }
24 24
25 .test { 25 .test {
26 snap-width: 1em; 26 snap-width: 1em;
27 text-align: right; 27 text-align: right;
28 max-width: 20.5em; 28 max-width: 20.5em;
29 } 29 }
30 .ref { 30 .ref {
31 white-space: pre; /* make sure the line does not wrap */ 31 white-space: pre; /* make sure the line does not wrap */
32 width: 20em; 32 width: 20em;
33 } 33 }
34 .content { 34 </style>
35 display: block;
36 height: 1em;
37 background-color: black;
38 }</style>
39 <body> 35 <body>
40 <p class="instructions" style="display:none">Test passes if each pair of boxes a re the same, 36 <p class="instructions" style="display:none">Test passes if each pair of boxes a re the same,
41 including how they look, widths, and horizontal positions. 37 including how they look, widths, and horizontal positions.
42 38
43 <div class="container"> 39 <div class="container">
44 <div class="test"><div class="content"></div></div> 40 <div class="test"><div>XXXXXXXXXX XXXXXXXXX</div></div>
45 <div class="ref"><div class="content"></div></div> 41 <div class="ref"><div>XXXXXXXXXX XXXXXXXXX</div></div>
46 </div> 42 </div>
47 43
48 <div class="border container"> 44 <div class="border container">
49 <div class="test"><div class="content"></div></div> 45 <div class="test"><div>XXXXXXXXXX XXXXXXXXX</div></div>
50 <div class="ref"><div class="content"></div></div> 46 <div class="ref"><div>XXXXXXXXXX XXXXXXXXX</div></div>
51 </div> 47 </div>
52 48
53 <div class="padding container"> 49 <div class="padding container">
54 <div class="test"><div class="content"></div></div> 50 <div class="test"><div>XXXXXXXXXX XXXXXXXXX</div></div>
55 <div class="ref"><div class="content"></div></div> 51 <div class="ref"><div>XXXXXXXXXX XXXXXXXXX</div></div>
56 </div> 52 </div>
57 53
58 <div class="border padding container"> 54 <div class="border padding container">
59 <div class="test"><div class="content"></div></div> 55 <div class="test"><div>XXXXXXXXXX XXXXXXXXX</div></div>
60 <div class="ref"><div class="content"></div></div> 56 <div class="ref"><div>XXXXXXXXXX XXXXXXXXX</div></div>
61 </div> 57 </div>
62 </body> 58 </body>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-width-block-in-fixed-001-expected.html ('k') | third_party/WebKit/LayoutTests/imported/csswg-test/css-snap-size-1/snap-width-block-in-max-001-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698