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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/css-grid-layout/named-grid-line-get-set.html

Issue 16404015: Unprefix -webkit-min-content and -webkit-max-content for grid layout (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Rebaselined change Created 7 years, 6 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
« no previous file with comments | « LayoutTests/fast/css-grid-layout/minmax-spanning-resolution-rows.html ('k') | LayoutTests/fast/css-grid-layout/named-grid-line-get-set-expected.txt » ('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 <html> 2 <html>
3 <head> 3 <head>
4 <script> 4 <script>
5 if (window.testRunner) 5 if (window.testRunner)
6 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); 6 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1);
7 </script> 7 </script>
8 <link href="resources/grid.css" rel="stylesheet"> 8 <link href="resources/grid.css" rel="stylesheet">
9 <style> 9 <style>
10 .gridWithFixed { 10 .gridWithFixed {
(...skipping 68 matching lines...) Expand 10 before | Expand all | Expand 10 after
79 testValue(element, "first 55%", "40% last"); 79 testValue(element, "first 55%", "40% last");
80 80
81 element = document.createElement("div"); 81 element = document.createElement("div");
82 document.body.appendChild(element); 82 document.body.appendChild(element);
83 element.style.gridColumns = "'first' auto"; 83 element.style.gridColumns = "'first' auto";
84 element.style.gridRows = "auto 'last'"; 84 element.style.gridRows = "auto 'last'";
85 testValue(element, "first auto", "auto last"); 85 testValue(element, "first auto", "auto last");
86 86
87 element = document.createElement("div"); 87 element = document.createElement("div");
88 document.body.appendChild(element); 88 document.body.appendChild(element);
89 element.style.gridColumns = "'first' -webkit-min-content"; 89 element.style.gridColumns = "'first' min-content";
90 element.style.gridRows = "-webkit-min-content 'last'"; 90 element.style.gridRows = "min-content 'last'";
91 testValue(element, "first -webkit-min-content", "-webkit-min-content last"); 91 testValue(element, "first min-content", "min-content last");
92 92
93 element = document.createElement("div"); 93 element = document.createElement("div");
94 document.body.appendChild(element); 94 document.body.appendChild(element);
95 element.style.gridColumns = "'first' -webkit-max-content"; 95 element.style.gridColumns = "'first' max-content";
96 element.style.gridRows = "-webkit-max-content 'last'"; 96 element.style.gridRows = "max-content 'last'";
97 testValue(element, "first -webkit-max-content", "-webkit-max-content last"); 97 testValue(element, "first max-content", "max-content last");
98 98
99 element = document.createElement("div"); 99 element = document.createElement("div");
100 document.body.appendChild(element); 100 document.body.appendChild(element);
101 element.style.gridColumns = "'first' minmax(55%, 45px)"; 101 element.style.gridColumns = "'first' minmax(55%, 45px)";
102 element.style.gridRows = "minmax(30px, 40%) 'last'"; 102 element.style.gridRows = "minmax(30px, 40%) 'last'";
103 testValue(element, "first minmax(55%, 45px)", "minmax(30px, 40%) last"); 103 testValue(element, "first minmax(55%, 45px)", "minmax(30px, 40%) last");
104 104
105 element = document.createElement("div"); 105 element = document.createElement("div");
106 document.body.appendChild(element); 106 document.body.appendChild(element);
107 element.style.font = "10px Ahem"; 107 element.style.font = "10px Ahem";
108 element.style.gridColumns = "'first' minmax(22em, -webkit-max-content)"; 108 element.style.gridColumns = "'first' minmax(22em, max-content)";
109 element.style.gridRows = "minmax(-webkit-max-content, 5em) 'last'"; 109 element.style.gridRows = "minmax(max-content, 5em) 'last'";
110 testValue(element, "first minmax(220px, -webkit-max-content)", "minmax(-webk it-max-content, 50px) last"); 110 testValue(element, "first minmax(220px, max-content)", "minmax(max-content, 50px) last");
111 111
112 element = document.createElement("div"); 112 element = document.createElement("div");
113 document.body.appendChild(element); 113 document.body.appendChild(element);
114 element.style.font = "10px Ahem"; 114 element.style.font = "10px Ahem";
115 element.style.gridColumns = "'first' minmax(22em, -webkit-max-content)"; 115 element.style.gridColumns = "'first' minmax(22em, max-content)";
116 element.style.gridRows = "minmax(-webkit-max-content, 5em) 'last'"; 116 element.style.gridRows = "minmax(max-content, 5em) 'last'";
117 testValue(element, "first minmax(220px, -webkit-max-content)", "minmax(-webk it-max-content, 50px) last"); 117 testValue(element, "first minmax(220px, max-content)", "minmax(max-content, 50px) last");
118 118
119 element = document.createElement("div"); 119 element = document.createElement("div");
120 document.body.appendChild(element); 120 document.body.appendChild(element);
121 element.style.gridColumns = "'first' minmax(-webkit-min-content, -webkit-max -content)"; 121 element.style.gridColumns = "'first' minmax(min-content, max-content)";
122 element.style.gridRows = "minmax(-webkit-max-content, -webkit-min-content) ' last'"; 122 element.style.gridRows = "minmax(max-content, min-content) 'last'";
123 testValue(element, "first minmax(-webkit-min-content, -webkit-max-content)", "minmax(-webkit-max-content, -webkit-min-content) last"); 123 testValue(element, "first minmax(min-content, max-content)", "minmax(max-con tent, min-content) last");
124 124
125 element = document.createElement("div"); 125 element = document.createElement("div");
126 document.body.appendChild(element); 126 document.body.appendChild(element);
127 element.style.gridColumns = "'first' 'nav' minmax(-webkit-min-content, -webk it-max-content) 'last'"; 127 element.style.gridColumns = "'first' 'nav' minmax(min-content, max-content) 'last'";
128 element.style.gridRows = "'first' 'nav' minmax(-webkit-max-content, -webkit- min-content) 'last'"; 128 element.style.gridRows = "'first' 'nav' minmax(max-content, min-content) 'la st'";
129 testValue(element, "first nav minmax(-webkit-min-content, -webkit-max-conten t) last", "first nav minmax(-webkit-max-content, -webkit-min-content) last"); 129 testValue(element, "first nav minmax(min-content, max-content) last", "first nav minmax(max-content, min-content) last");
130 130
131 element = document.createElement("div"); 131 element = document.createElement("div");
132 document.body.appendChild(element); 132 document.body.appendChild(element);
133 element.style.gridColumns = "'first' 'nav' minmax(-webkit-min-content, -webk it-max-content) 'nav' auto 'last'"; 133 element.style.gridColumns = "'first' 'nav' minmax(min-content, max-content) 'nav' auto 'last'";
134 element.style.gridRows = "'first' 'nav2' minmax(-webkit-max-content, -webkit -min-content) 'nav2' minmax(10px, 15px) 'last'"; 134 element.style.gridRows = "'first' 'nav2' minmax(max-content, min-content) 'n av2' minmax(10px, 15px) 'last'";
135 testValue(element, "first nav minmax(-webkit-min-content, -webkit-max-conten t) nav auto last", "first nav2 minmax(-webkit-max-content, -webkit-min-content) nav2 minmax(10px, 15px) last"); 135 testValue(element, "first nav minmax(min-content, max-content) nav auto last ", "first nav2 minmax(max-content, min-content) nav2 minmax(10px, 15px) last");
136 136
137 element = document.createElement("div"); 137 element = document.createElement("div");
138 document.body.appendChild(element); 138 document.body.appendChild(element);
139 element.style.gridColumns = "'foo' 'bar' auto 'foo' auto 'bar'"; 139 element.style.gridColumns = "'foo' 'bar' auto 'foo' auto 'bar'";
140 element.style.gridRows = "'foo' 'bar' auto 'foo' auto 'bar'"; 140 element.style.gridRows = "'foo' 'bar' auto 'foo' auto 'bar'";
141 testValue(element, "foo bar auto foo auto bar", "foo bar auto foo auto bar") ; 141 testValue(element, "foo bar auto foo auto bar", "foo bar auto foo auto bar") ;
142 142
143 debug(""); 143 debug("");
144 debug("Test getting and setting invalid grid-columns and grid-rows through J S"); 144 debug("Test getting and setting invalid grid-columns and grid-rows through J S");
145 element = document.createElement("div"); 145 element = document.createElement("div");
146 document.body.appendChild(element); 146 document.body.appendChild(element);
147 element.style.gridColumns = "'foo'"; 147 element.style.gridColumns = "'foo'";
148 element.style.gridRows = "'bar"; 148 element.style.gridRows = "'bar";
149 testValue(element, "none", "none"); 149 testValue(element, "none", "none");
150 150
151 element = document.createElement("div"); 151 element = document.createElement("div");
152 document.body.appendChild(element); 152 document.body.appendChild(element);
153 element.style.gridColumns = "'foo' 'bar'"; 153 element.style.gridColumns = "'foo' 'bar'";
154 element.style.gridRows = "'bar' 'foo'"; 154 element.style.gridRows = "'bar' 'foo'";
155 testValue(element, "none", "none"); 155 testValue(element, "none", "none");
156 </script> 156 </script>
157 <script src="../js/resources/js-test-post.js"></script> 157 <script src="../js/resources/js-test-post.js"></script>
158 </body> 158 </body>
159 </html> 159 </html>
OLDNEW
« no previous file with comments | « LayoutTests/fast/css-grid-layout/minmax-spanning-resolution-rows.html ('k') | LayoutTests/fast/css-grid-layout/named-grid-line-get-set-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698