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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/css-intrinsic-dimensions/intrinsic-sized-blocks.html

Issue 1293793007: Unprefix min-content, max-content, fit-content (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: unprefix more tests Created 5 years, 4 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 | Annotate | Revision Log
« LayoutTests/fast/css-intrinsic-dimensions/height-property-value.html ('K') | « LayoutTests/fast/css-intrinsic-dimensions/intrinsic-sized-absolutes.html ('k') | LayoutTests/fast/css-intrinsic-dimensions/intrinsic-sized-replaced-absolutes.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 <style> 2 <style>
3 .container { 3 .container {
4 border: 5px solid blue; 4 border: 5px solid blue;
5 width: 250px; 5 width: 250px;
6 height: 250px; 6 height: 250px;
7 } 7 }
8 .child { 8 .child {
9 border: 5px solid pink; 9 border: 5px solid pink;
10 } 10 }
11 .content { 11 .content {
12 display: inline-block; 12 display: inline-block;
13 width: 100px; 13 width: 100px;
14 height: 100px; 14 height: 100px;
15 background-color: salmon; 15 background-color: salmon;
16 } 16 }
17 </style> 17 </style>
18 18
19 Tests that intrinsic width values on blocks work. 19 Tests that intrinsic width values on blocks work.
20 20
21 <!-- width tests --> 21 <!-- width tests -->
22 <div class="container"> 22 <div class="container">
23 <div class="child" style="width: -webkit-max-content;" data-expected-width=" 210"> 23 <div class="child" style="width: max-content;" data-expected-width="210">
24 <div class="content"></div><div class="content"></div> 24 <div class="content"></div><div class="content"></div>
25 </div> 25 </div>
26 </div> 26 </div>
27 27
28 <div class="container"> 28 <div class="container">
29 <div class="child" style="width: -webkit-min-content;" data-expected-width=" 110"> 29 <div class="child" style="width: min-content;" data-expected-width="110">
30 <div class="content"></div><div class="content"></div> 30 <div class="content"></div><div class="content"></div>
31 </div> 31 </div>
32 </div> 32 </div>
33 33
34 <div class="container"> 34 <div class="container">
35 <div class="child" style="width: -webkit-fit-content;" data-expected-width=" 210"> 35 <div class="child" style="width: fit-content;" data-expected-width="210">
36 <div class="content"></div><div class="content"></div> 36 <div class="content"></div><div class="content"></div>
37 </div> 37 </div>
38 </div> 38 </div>
39 39
40 <div class="container" style="width: 50px"> 40 <div class="container" style="width: 50px">
41 <div class="child" style="width: -webkit-fit-content;" data-expected-width=" 110"> 41 <div class="child" style="width: fit-content;" data-expected-width="110">
42 <div class="content"></div><div class="content"></div> 42 <div class="content"></div><div class="content"></div>
43 </div> 43 </div>
44 </div> 44 </div>
45 45
46 <div class="container"> 46 <div class="container">
47 <div class="child" style="width: -webkit-fill-available;" data-expected-widt h="250"> 47 <div class="child" style="width: -webkit-fill-available;" data-expected-widt h="250">
48 <div class="content"></div><div class="content"></div> 48 <div class="content"></div><div class="content"></div>
49 </div> 49 </div>
50 </div> 50 </div>
51 51
52 <!-- min-width tests --> 52 <!-- min-width tests -->
53 <div class="container"> 53 <div class="container">
54 <div class="child" style="min-width: -webkit-max-content; width: 10px;" data -expected-width="210"> 54 <div class="child" style="min-width: max-content; width: 10px;" data-expecte d-width="210">
55 <div class="content"></div><div class="content"></div> 55 <div class="content"></div><div class="content"></div>
56 </div> 56 </div>
57 </div> 57 </div>
58 58
59 <div class="container"> 59 <div class="container">
60 <div class="child" style="min-width: -webkit-min-content; width: 10px;" data -expected-width="110"> 60 <div class="child" style="min-width: min-content; width: 10px;" data-expecte d-width="110">
61 <div class="content"></div><div class="content"></div> 61 <div class="content"></div><div class="content"></div>
62 </div> 62 </div>
63 </div> 63 </div>
64 64
65 <div class="container"> 65 <div class="container">
66 <div class="child" style="min-width: -webkit-fit-content; width: 10px;" data -expected-width="210"> 66 <div class="child" style="min-width: fit-content; width: 10px;" data-expecte d-width="210">
67 <div class="content"></div><div class="content"></div> 67 <div class="content"></div><div class="content"></div>
68 </div> 68 </div>
69 </div> 69 </div>
70 70
71 <div class="container" style="width: 50px"> 71 <div class="container" style="width: 50px">
72 <div class="child" style="min-width: -webkit-fit-content; width: 10px;" data -expected-width="110"> 72 <div class="child" style="min-width: fit-content; width: 10px;" data-expecte d-width="110">
73 <div class="content"></div><div class="content"></div> 73 <div class="content"></div><div class="content"></div>
74 </div> 74 </div>
75 </div> 75 </div>
76 76
77 <div class="container"> 77 <div class="container">
78 <div class="child" style="min-width: -webkit-fill-available; width: 10px;" d ata-expected-width="250"> 78 <div class="child" style="min-width: -webkit-fill-available; width: 10px;" d ata-expected-width="250">
79 <div class="content"></div><div class="content"></div> 79 <div class="content"></div><div class="content"></div>
80 </div> 80 </div>
81 </div> 81 </div>
82 82
83 <!-- max-width tests --> 83 <!-- max-width tests -->
84 <div class="container"> 84 <div class="container">
85 <div class="child" style="max-width: -webkit-max-content; width: 1000px;" da ta-expected-width="210"> 85 <div class="child" style="max-width: max-content; width: 1000px;" data-expec ted-width="210">
86 <div class="content"></div><div class="content"></div> 86 <div class="content"></div><div class="content"></div>
87 </div> 87 </div>
88 </div> 88 </div>
89 89
90 <div class="container"> 90 <div class="container">
91 <div class="child" style="max-width: -webkit-min-content; width: 1000px;" da ta-expected-width="110"> 91 <div class="child" style="max-width: min-content; width: 1000px;" data-expec ted-width="110">
92 <div class="content"></div><div class="content"></div> 92 <div class="content"></div><div class="content"></div>
93 </div> 93 </div>
94 </div> 94 </div>
95 95
96 <div class="container"> 96 <div class="container">
97 <div class="child" style="max-width: -webkit-fit-content; width: 1000px;" da ta-expected-width="210"> 97 <div class="child" style="max-width: fit-content; width: 1000px;" data-expec ted-width="210">
98 <div class="content"></div><div class="content"></div> 98 <div class="content"></div><div class="content"></div>
99 </div> 99 </div>
100 </div> 100 </div>
101 101
102 <div class="container" style="width: 50px"> 102 <div class="container" style="width: 50px">
103 <div class="child" style="max-width: -webkit-fit-content; width: 1000px;" da ta-expected-width="110"> 103 <div class="child" style="max-width: fit-content; width: 1000px;" data-expec ted-width="110">
104 <div class="content"></div><div class="content"></div> 104 <div class="content"></div><div class="content"></div>
105 </div> 105 </div>
106 </div> 106 </div>
107 107
108 <div class="container"> 108 <div class="container">
109 <div class="child" style="max-width: -webkit-fill-available; width: 1000px;" data-expected-width="250"> 109 <div class="child" style="max-width: -webkit-fill-available; width: 1000px;" data-expected-width="250">
110 <div class="content"></div><div class="content"></div> 110 <div class="content"></div><div class="content"></div>
111 </div> 111 </div>
112 </div> 112 </div>
113 113
114 114
115 115
116 <script src="../../resources/check-layout.js"></script> 116 <script src="../../resources/check-layout.js"></script>
117 <script> 117 <script>
118 checkLayout(".container"); 118 checkLayout(".container");
119 </script> 119 </script>
OLDNEW
« LayoutTests/fast/css-intrinsic-dimensions/height-property-value.html ('K') | « LayoutTests/fast/css-intrinsic-dimensions/intrinsic-sized-absolutes.html ('k') | LayoutTests/fast/css-intrinsic-dimensions/intrinsic-sized-replaced-absolutes.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698