38 |
39 |
Test Suite for CSS Beautify
40 |
41 |
42 |
43 |
44 |
47 |
48 |
49 |
--------------------------------------------------------------------------------
/test/runner.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright (C) 2012 Sencha Inc.
3 |
4 | Author: Ariya Hidayat.
5 |
6 | Permission is hereby granted, free of charge, to any person obtaining a copy
7 | of this software and associated documentation files (the "Software"), to deal
8 | in the Software without restriction, including without limitation the rights
9 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10 | copies of the Software, and to permit persons to whom the Software is
11 | furnished to do so, subject to the following conditions:
12 |
13 | The above copyright notice and this permission notice shall be included in
14 | all copies or substantial portions of the Software.
15 |
16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
22 | THE SOFTWARE.
23 | */
24 |
25 | /*jslint browser:true node:true */
26 | /*global cssbeautify:true, tests:true */
27 |
28 | var cssbeautify;
29 |
30 | if (typeof require === 'function') {
31 | cssbeautify = require('../cssbeautify');
32 | }
33 |
34 | function runTest(name, input, expected, options, reporter) {
35 | 'use strict';
36 | var actual;
37 |
38 | if (typeof input !== 'string') {
39 | input = input.join('\n');
40 | }
41 | if (typeof expected !== 'string') {
42 | expected = expected.join('\n');
43 | }
44 |
45 | actual = cssbeautify(input, options);
46 |
47 | if (actual === expected) {
48 | reporter.reportSuccess(name, input, actual, expected);
49 | } else {
50 | reporter.reportFailure(name, input, actual, expected);
51 | }
52 | }
53 |
54 | function runTests(reporter) {
55 | 'use strict';
56 | var i, entry, options, input, expected;
57 |
58 | for (i in tests) {
59 | if (tests.hasOwnProperty(i)) {
60 | entry = tests[i];
61 | options = entry.options || {};
62 | input = entry.input;
63 | expected = entry.expected;
64 | runTest(i, input, expected, options, reporter);
65 | }
66 | }
67 | }
68 |
69 | function executeBrowser() {
70 | 'use strict';
71 |
72 | runTests({
73 | reportSuccess: function (name, input, actual) {
74 | var e;
75 |
76 | e = document.createElement('h2');
77 | e.textContent = name;
78 | document.getElementById('result').appendChild(e);
79 |
80 | e = document.createElement('pre');
81 | e.textContent = input;
82 | e.setAttribute('class', 'source');
83 | document.getElementById('result').appendChild(e);
84 |
85 | e = document.createElement('p');
86 | e.textContent = 'Formatted to';
87 | document.getElementById('result').appendChild(e);
88 | e = document.createElement('pre');
89 | e.textContent = actual;
90 | //e.setAttribute('class', 'ref');
91 | document.getElementById('result').appendChild(e);
92 | },
93 |
94 | reportFailure: function (name, input, actual, expected) {
95 | var e;
96 |
97 | e = document.createElement('h2');
98 | e.setAttribute('class', 'fail');
99 | e.textContent = 'FAIL: ' + name;
100 | document.getElementById('result').appendChild(e);
101 |
102 | e = document.createElement('pre');
103 | e.textContent = input;
104 | e.setAttribute('class', 'source');
105 | document.getElementById('result').appendChild(e);
106 |
107 | e = document.createElement('p');
108 | e.textContent = 'Expected:';
109 | document.getElementById('result').appendChild(e);
110 | e = document.createElement('pre');
111 | e.textContent = expected;
112 | e.setAttribute('class', 'ref');
113 | document.getElementById('result').appendChild(e);
114 |
115 | e = document.createElement('p');
116 | e.textContent = 'Actual:';
117 | document.getElementById('result').appendChild(e);
118 | e = document.createElement('pre');
119 | e.textContent = actual;
120 | e.setAttribute('class', 'result');
121 | document.getElementById('result').appendChild(e);
122 | }
123 | });
124 | }
125 |
126 | function executeCommandLine() {
127 | 'use strict';
128 |
129 | var vm = require('vm'),
130 | fs = require('fs');
131 |
132 | vm.runInThisContext(fs.readFileSync(__dirname + '/test.js', 'utf-8'));
133 |
134 | runTests({
135 | reportSuccess: function (name, input, actual) {
136 | console.log('Testing', name, 'OK');
137 | },
138 |
139 | reportFailure: function (name, input, actual, expected) {
140 | console.log('Testing', name, 'FAILED');
141 | console.log();
142 | console.log('Style:');
143 | console.log(input);
144 | console.log();
145 | console.log('Expected:');
146 | console.log(expected);
147 | console.log();
148 | console.log('Actual:');
149 | console.log(actual);
150 | console.log();
151 | console.log();
152 | }
153 | });
154 | }
155 |
156 | if (typeof module !== 'undefined' && module.exports) {
157 | executeCommandLine();
158 | console.log();
159 | }
160 |
--------------------------------------------------------------------------------
/test/test.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright (C) 2013 Sencha Inc.
3 | Copyright (C) 2012 Sencha Inc.
4 | Copyright (C) 2011 Sencha Inc.
5 |
6 | Author: Ariya Hidayat.
7 |
8 | Permission is hereby granted, free of charge, to any person obtaining a copy
9 | of this software and associated documentation files (the "Software"), to deal
10 | in the Software without restriction, including without limitation the rights
11 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
12 | copies of the Software, and to permit persons to whom the Software is
13 | furnished to do so, subject to the following conditions:
14 |
15 | The above copyright notice and this permission notice shall be included in
16 | all copies or substantial portions of the Software.
17 |
18 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
19 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
20 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
21 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
22 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
23 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
24 | THE SOFTWARE.
25 | */
26 |
27 | var tests = {
28 |
29 | 'Simple style': {
30 | input: [
31 | 'menu { color: blue; }',
32 | '',
33 | 'box { border-radius: 4px; background-color: red }',
34 | '',
35 | 'a { color: green }',
36 | 'b { color: red }'
37 | ],
38 | expected: [
39 | 'menu {',
40 | ' color: blue;',
41 | '}',
42 | '',
43 | 'box {',
44 | ' border-radius: 4px;',
45 | ' background-color: red',
46 | '}',
47 | '',
48 | 'a {',
49 | ' color: green',
50 | '}',
51 | '',
52 | 'b {',
53 | ' color: red',
54 | '}'
55 | ]
56 | },
57 |
58 | 'Block comment': {
59 | input: [
60 | '/* line comment */',
61 | 'navigation { color: blue }',
62 | '',
63 | 'menu {',
64 | ' /* line comment inside */',
65 | ' border: 2px',
66 | '}',
67 | '',
68 | '/* block',
69 | ' comment */',
70 | 'sidebar { color: red }',
71 | '',
72 | 'invisible {',
73 | ' /* block',
74 | ' * comment',
75 | ' * inside */',
76 | ' color: #eee',
77 | '}'
78 | ],
79 | expected: [
80 | '/* line comment */',
81 | 'navigation {',
82 | ' color: blue',
83 | '}',
84 | '',
85 | 'menu {',
86 | ' /* line comment inside */',
87 | ' border: 2px',
88 | '}',
89 | '',
90 | '/* block',
91 | ' comment */',
92 | 'sidebar {',
93 | ' color: red',
94 | '}',
95 | '',
96 | 'invisible {',
97 | ' /* block',
98 | ' * comment',
99 | ' * inside */',
100 | ' color: #eee',
101 | '}'
102 | ]
103 | },
104 |
105 | 'Indentation': {
106 | input: [
107 | ' navigation {',
108 | ' color: blue',
109 | ' }'
110 | ],
111 | expected: [
112 | 'navigation {',
113 | ' color: blue',
114 | '}'
115 | ]
116 | },
117 |
118 | 'Blank lines and spaces': {
119 | input: [
120 | '/* only one blank line between */',
121 | 'menu { color: red }',
122 | '',
123 | '',
124 | '',
125 | '',
126 | 'navi { color: black }',
127 | '',
128 | '/* automatically insert a blank line */',
129 | 'button { border: 1px } sidebar { color: #ffe }',
130 | '',
131 | '/* always whitespace before { */',
132 | 'hidden{opacity:0%}',
133 | '',
134 | '/* no blank lines inside ruleset */',
135 | 'imprint {',
136 | ' color: blue;',
137 | '',
138 | '',
139 | ' opacity: 0.5;',
140 | '',
141 | ' font-size: small',
142 | '}',
143 | '',
144 | '/* before colon: no space, after colon: one space only */',
145 | 'footer {',
146 | ' font-family: Arial;',
147 | '',
148 | ' float :right;',
149 | ' }'
150 | ],
151 | expected: [
152 | '/* only one blank line between */',
153 | 'menu {',
154 | ' color: red',
155 | '}',
156 | '',
157 | 'navi {',
158 | ' color: black',
159 | '}',
160 | '',
161 | '/* automatically insert a blank line */',
162 | 'button {',
163 | ' border: 1px',
164 | '}',
165 | '',
166 | 'sidebar {',
167 | ' color: #ffe',
168 | '}',
169 | '',
170 | '/* always whitespace before { */',
171 | 'hidden {',
172 | ' opacity: 0%',
173 | '}',
174 | '',
175 | '/* no blank lines inside ruleset */',
176 | 'imprint {',
177 | ' color: blue;',
178 | ' opacity: 0.5;',
179 | ' font-size: small',
180 | '}',
181 | '',
182 | '/* before colon: no space, after colon: one space only */',
183 | 'footer {',
184 | ' font-family: Arial;',
185 | ' float: right;',
186 | '}'
187 | ]
188 | },
189 |
190 | 'Quoted string': {
191 | input: [
192 | 'nav:after{content:\'}\'}',
193 | 'nav:before{content:"}"}'
194 | ],
195 | expected: [
196 | 'nav:after {',
197 | ' content: \'}\'',
198 | '}',
199 | '',
200 | 'nav:before {',
201 | ' content: "}"',
202 | '}',
203 | ]
204 | },
205 |
206 | 'Selectors': {
207 | input: [
208 | '* { border: 0px solid blue; }',
209 | 'div[class="{}"] { color: red; }',
210 | 'a[id=\\"foo"] { padding: 0; }',
211 | '[id=\\"foo"] { margin: 0; }',
212 | '#menu, #nav, #footer { color: royalblue; }'
213 | ],
214 | expected: [
215 | '* {',
216 | ' border: 0px solid blue;',
217 | '}',
218 | '',
219 | 'div[class="{}"] {',
220 | ' color: red;',
221 | '}',
222 | '',
223 | 'a[id=\\"foo"] {',
224 | ' padding: 0;',
225 | '}',
226 | '',
227 | '[id=\\"foo"] {',
228 | ' margin: 0;',
229 | '}',
230 | '',
231 | '#menu, #nav, #footer {',
232 | ' color: royalblue;',
233 | '}'
234 | ]
235 | },
236 |
237 | 'Empty rule': {
238 | input: [
239 | 'menu{}'
240 | ],
241 | options: {
242 | autosemicolon: true
243 | },
244 | expected: [
245 | 'menu {',
246 | '}'
247 | ]
248 | },
249 |
250 | '@font-face directive': {
251 | input: [
252 | '@font-face{ color: black; background-color:blue}'
253 | ],
254 | options: {
255 | autosemicolon: true
256 | },
257 | expected: [
258 | '@font-face {',
259 | ' color: black;',
260 | ' background-color: blue;',
261 | '}'
262 | ]
263 | },
264 |
265 | '@import directive': {
266 | input: [
267 | 'menu{background-color:red} @import url(\'foobar.css\') screen;',
268 | 'nav{margin:0}'
269 | ],
270 | expected: [
271 | 'menu {',
272 | ' background-color: red',
273 | '}',
274 | '',
275 | '@import url(\'foobar.css\') screen;',
276 | '',
277 | 'nav {',
278 | ' margin: 0',
279 | '}'
280 | ]
281 | },
282 |
283 | '@media directive': {
284 | input: [
285 | '@import "subs.css";',
286 | '@import "print-main.css" print;',
287 | '@media print {',
288 | ' body { font-size: 10pt }',
289 | ' nav { color: blue; }',
290 | '}',
291 | 'h1 {color: red; }'
292 | ],
293 | expected: [
294 | '@import "subs.css";',
295 | '',
296 | '@import "print-main.css" print;',
297 | '',
298 | '@media print {',
299 | ' body {',
300 | ' font-size: 10pt',
301 | ' }',
302 | '',
303 | ' nav {',
304 | ' color: blue;',
305 | ' }',
306 | '}',
307 | '',
308 | 'h1 {',
309 | ' color: red;',
310 | '}'
311 | ]
312 | },
313 |
314 | '@media directive (auto-semicolon)': {
315 | input: [
316 | '@media screen {',
317 | ' menu { color: navy }',
318 | '}'
319 | ],
320 | options: {
321 | autosemicolon: true
322 | },
323 | expected: [
324 | '@media screen {',
325 | ' menu {',
326 | ' color: navy;',
327 | ' }',
328 | '}'
329 | ]
330 | },
331 |
332 | 'URL': {
333 | input: [
334 | 'menu { background-image: url(data:image/png;base64,AAAAAAA); }'
335 | ],
336 | expected: [
337 | 'menu {',
338 | ' background-image: url(data:image/png;base64,AAAAAAA);',
339 | '}'
340 | ]
341 | },
342 |
343 | 'Animation keyframe': {
344 | input: [
345 | '@-webkit-keyframes anim {',
346 | '0% { -webkit-transform: translate3d(0px, 0px, 0px); }',
347 | '100% { -webkit-transform: translate3d(150px, 0px, 0px) }}'
348 | ],
349 | expected: [
350 | '@-webkit-keyframes anim {',
351 | ' 0% {',
352 | ' -webkit-transform: translate3d(0px, 0px, 0px);',
353 | ' }',
354 | '',
355 | ' 100% {',
356 | ' -webkit-transform: translate3d(150px, 0px, 0px)',
357 | ' }',
358 | '}'
359 | ]
360 | }
361 |
362 | };
363 |
364 |
--------------------------------------------------------------------------------
