js-beautify 1.7.0 → 1.7.4

package/js/test/generated/beautify-css-tests.js

@@ -0,0 +1,1393 @@
+/*
+    AUTO-GENERATED. DO NOT MODIFY.
+    Script: test/generate-tests.js
+    Template: test/data/css/node.mustache
+    Data: test/data/css/tests.js
+
+  The MIT License (MIT)
+
+  Copyright (c) 2007-2017 Einar Lielmanis, Liam Newman, and contributors.
+
+  Permission is hereby granted, free of charge, to any person
+  obtaining a copy of this software and associated documentation files
+  (the "Software"), to deal in the Software without restriction,
+  including without limitation the rights to use, copy, modify, merge,
+  publish, distribute, sublicense, and/or sell copies of the Software,
+  and to permit persons to whom the Software is furnished to do so,
+  subject to the following conditions:
+
+  The above copyright notice and this permission notice shall be
+  included in all copies or substantial portions of the Software.
+
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+  NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
+  BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
+  ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+  CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.
+*/
+/*jshint unused:false */
+
+function run_css_tests(test_obj, Urlencoded, js_beautify, html_beautify, css_beautify)
+{
+
+    var default_opts = {
+        indent_size: 4,
+        indent_char: ' ',
+        preserve_newlines: true,
+        jslint_happy: false,
+        keep_array_indentation: false,
+        brace_style: 'collapse',
+        space_before_conditional: true,
+        break_chained_methods: false,
+        selector_separator: '\n',
+        end_with_newline: false
+    };
+    var opts;
+
+    default_opts.indent_size = 1;
+    default_opts.indent_char = '\t';
+    default_opts.selector_separator_newline = true;
+    default_opts.end_with_newline = false;
+    default_opts.newline_between_rules = false;
+    default_opts.space_around_combinator = false;
+    default_opts.preserve_newlines = false;
+    default_opts.space_around_selector_separator = false;
+
+    function reset_options()
+    {
+        opts = JSON.parse(JSON.stringify(default_opts));
+    }
+
+    function test_css_beautifier(input)
+    {
+        return css_beautify(input, opts);
+    }
+
+    var sanitytest;
+
+    // test the input on beautifier with the current flag settings
+    // does not check the indentation / surroundings as bt() does
+    function test_fragment(input, expected)
+    {
+        expected = expected || expected === '' ? expected : input;
+        sanitytest.expect(input, expected);
+        // if the expected is different from input, run it again
+        // expected output should be unchanged when run twice.
+        if (expected !== input) {
+            sanitytest.expect(expected, expected);
+        }
+
+        // Everywhere we do newlines, they should be replaced with opts.eol
+        opts.eol = '\r\\n';
+        expected = expected.replace(/[\n]/g, '\r\n');
+        sanitytest.expect(input, expected);
+        if (input.indexOf('\n') !== -1) {
+            input = input.replace(/[\n]/g, '\r\n');
+            sanitytest.expect(input, expected);
+            // Ensure support for auto eol detection
+            opts.eol = 'auto';
+            sanitytest.expect(input, expected);
+        }
+        opts.eol = '\n';
+    }
+
+    // test css
+    function t(input, expectation)
+    {
+        var wrapped_input, wrapped_expectation;
+
+        expectation = expectation || expectation === '' ? expectation : input;
+        sanitytest.test_function(test_css_beautifier, 'css_beautify');
+        test_fragment(input, expectation);
+    }
+
+    function unicode_char(value) {
+        return String.fromCharCode(value);
+    }
+
+    function beautifier_tests()
+    {
+        sanitytest = test_obj;
+
+        reset_options();
+        //============================================================
+        t(".tabs {}");
+
+
+        //============================================================
+        // End With Newline - (eof = "\n")
+        reset_options();
+        opts.end_with_newline = true;
+        test_fragment('', '\n');
+        test_fragment('   .tabs{}', '   .tabs {}\n');
+        test_fragment(
+            '   \n' +
+            '\n' +
+            '.tabs{}\n' +
+            '\n' +
+            '\n' +
+            '\n',
+            //  -- output --
+            '   .tabs {}\n');
+        test_fragment('\n');
+
+        // End With Newline - (eof = "")
+        reset_options();
+        opts.end_with_newline = false;
+        test_fragment('');
+        test_fragment('   .tabs{}', '   .tabs {}');
+        test_fragment(
+            '   \n' +
+            '\n' +
+            '.tabs{}\n' +
+            '\n' +
+            '\n' +
+            '\n',
+            //  -- output --
+            '   .tabs {}');
+        test_fragment('\n', '');
+
+
+        //============================================================
+        // Empty braces
+        reset_options();
+        t('.tabs{}', '.tabs {}');
+        t('.tabs { }', '.tabs {}');
+        t('.tabs    {    }', '.tabs {}');
+        t(
+            '.tabs    \n' +
+            '{\n' +
+            '    \n' +
+            '  }',
+            //  -- output --
+            '.tabs {}');
+
+
+        //============================================================
+        // 
+        reset_options();
+        t(
+            '#cboxOverlay {\n' +
+            '\tbackground: url(images/overlay.png) repeat 0 0;\n' +
+            '\topacity: 0.9;\n' +
+            '\tfilter: alpha(opacity = 90);\n' +
+            '}',
+            //  -- output --
+            '#cboxOverlay {\n' +
+            '\tbackground: url(images/overlay.png) repeat 0 0;\n' +
+            '\topacity: 0.9;\n' +
+            '\tfilter: alpha(opacity=90);\n' +
+            '}');
+
+
+        //============================================================
+        // Support simple language specific option inheritance/overriding - (c = "     ")
+        reset_options();
+        opts.indent_char = ' ';
+        opts.indent_size = 4;
+        opts.js = { 'indent_size': 3 };
+        opts.css = { 'indent_size': 5 };
+        t(
+            '.selector {\n' +
+            '     font-size: 12px;\n' +
+            '}');
+
+        // Support simple language specific option inheritance/overriding - (c = "    ")
+        reset_options();
+        opts.indent_char = ' ';
+        opts.indent_size = 4;
+        opts.html = { 'js': { 'indent_size': 3 }, 'css': { 'indent_size': 5 } };
+        t(
+            '.selector {\n' +
+            '    font-size: 12px;\n' +
+            '}');
+
+        // Support simple language specific option inheritance/overriding - (c = "   ")
+        reset_options();
+        opts.indent_char = ' ';
+        opts.indent_size = 9;
+        opts.html = { 'js': { 'indent_size': 3 }, 'css': { 'indent_size': 8 }, 'indent_size': 2};
+        opts.js = { 'indent_size': 5 };
+        opts.css = { 'indent_size': 3 };
+        t(
+            '.selector {\n' +
+            '   font-size: 12px;\n' +
+            '}');
+
+
+        //============================================================
+        // Space Around Combinator - (space = " ")
+        reset_options();
+        opts.space_around_combinator = true;
+        t('a>b{}', 'a > b {}');
+        t('a~b{}', 'a ~ b {}');
+        t('a+b{}', 'a + b {}');
+        t('a+b>c{}', 'a + b > c {}');
+        t('a > b{}', 'a > b {}');
+        t('a ~ b{}', 'a ~ b {}');
+        t('a + b{}', 'a + b {}');
+        t('a + b > c{}', 'a + b > c {}');
+        t(
+            'a > b{width: calc(100% + 45px);}',
+            //  -- output --
+            'a > b {\n' +
+            '\twidth: calc(100% + 45px);\n' +
+            '}');
+        t(
+            'a ~ b{width: calc(100% + 45px);}',
+            //  -- output --
+            'a ~ b {\n' +
+            '\twidth: calc(100% + 45px);\n' +
+            '}');
+        t(
+            'a + b{width: calc(100% + 45px);}',
+            //  -- output --
+            'a + b {\n' +
+            '\twidth: calc(100% + 45px);\n' +
+            '}');
+        t(
+            'a + b > c{width: calc(100% + 45px);}',
+            //  -- output --
+            'a + b > c {\n' +
+            '\twidth: calc(100% + 45px);\n' +
+            '}');
+
+        // Space Around Combinator - (space = "")
+        reset_options();
+        opts.space_around_combinator = false;
+        t('a>b{}', 'a>b {}');
+        t('a~b{}', 'a~b {}');
+        t('a+b{}', 'a+b {}');
+        t('a+b>c{}', 'a+b>c {}');
+        t('a > b{}', 'a>b {}');
+        t('a ~ b{}', 'a~b {}');
+        t('a + b{}', 'a+b {}');
+        t('a + b > c{}', 'a+b>c {}');
+        t(
+            'a > b{width: calc(100% + 45px);}',
+            //  -- output --
+            'a>b {\n' +
+            '\twidth: calc(100% + 45px);\n' +
+            '}');
+        t(
+            'a ~ b{width: calc(100% + 45px);}',
+            //  -- output --
+            'a~b {\n' +
+            '\twidth: calc(100% + 45px);\n' +
+            '}');
+        t(
+            'a + b{width: calc(100% + 45px);}',
+            //  -- output --
+            'a+b {\n' +
+            '\twidth: calc(100% + 45px);\n' +
+            '}');
+        t(
+            'a + b > c{width: calc(100% + 45px);}',
+            //  -- output --
+            'a+b>c {\n' +
+            '\twidth: calc(100% + 45px);\n' +
+            '}');
+
+        // Space Around Combinator - (space = " ")
+        reset_options();
+        opts.space_around_selector_separator = true;
+        t('a>b{}', 'a > b {}');
+        t('a~b{}', 'a ~ b {}');
+        t('a+b{}', 'a + b {}');
+        t('a+b>c{}', 'a + b > c {}');
+        t('a > b{}', 'a > b {}');
+        t('a ~ b{}', 'a ~ b {}');
+        t('a + b{}', 'a + b {}');
+        t('a + b > c{}', 'a + b > c {}');
+        t(
+            'a > b{width: calc(100% + 45px);}',
+            //  -- output --
+            'a > b {\n' +
+            '\twidth: calc(100% + 45px);\n' +
+            '}');
+        t(
+            'a ~ b{width: calc(100% + 45px);}',
+            //  -- output --
+            'a ~ b {\n' +
+            '\twidth: calc(100% + 45px);\n' +
+            '}');
+        t(
+            'a + b{width: calc(100% + 45px);}',
+            //  -- output --
+            'a + b {\n' +
+            '\twidth: calc(100% + 45px);\n' +
+            '}');
+        t(
+            'a + b > c{width: calc(100% + 45px);}',
+            //  -- output --
+            'a + b > c {\n' +
+            '\twidth: calc(100% + 45px);\n' +
+            '}');
+
+
+        //============================================================
+        // Selector Separator - (separator = " ", separator1 = " ")
+        reset_options();
+        opts.selector_separator_newline = false;
+        opts.selector_separator = " ";
+        t(
+            '#bla, #foo{color:green}',
+            //  -- output --
+            '#bla, #foo {\n' +
+            '\tcolor: green\n' +
+            '}');
+        t(
+            '@media print {.tab{}}',
+            //  -- output --
+            '@media print {\n' +
+            '\t.tab {}\n' +
+            '}');
+        t(
+            '@media print {.tab,.bat{}}',
+            //  -- output --
+            '@media print {\n' +
+            '\t.tab, .bat {}\n' +
+            '}');
+        t(
+            '#bla, #foo{color:black}',
+            //  -- output --
+            '#bla, #foo {\n' +
+            '\tcolor: black\n' +
+            '}');
+        t(
+            'a:first-child,a:first-child{color:red;div:first-child,div:hover{color:black;}}',
+            //  -- output --
+            'a:first-child, a:first-child {\n' +
+            '\tcolor: red;\n' +
+            '\tdiv:first-child, div:hover {\n' +
+            '\t\tcolor: black;\n' +
+            '\t}\n' +
+            '}');
+
+        // Selector Separator - (separator = " ", separator1 = " ")
+        reset_options();
+        opts.selector_separator_newline = false;
+        opts.selector_separator = "  ";
+        t(
+            '#bla, #foo{color:green}',
+            //  -- output --
+            '#bla, #foo {\n' +
+            '\tcolor: green\n' +
+            '}');
+        t(
+            '@media print {.tab{}}',
+            //  -- output --
+            '@media print {\n' +
+            '\t.tab {}\n' +
+            '}');
+        t(
+            '@media print {.tab,.bat{}}',
+            //  -- output --
+            '@media print {\n' +
+            '\t.tab, .bat {}\n' +
+            '}');
+        t(
+            '#bla, #foo{color:black}',
+            //  -- output --
+            '#bla, #foo {\n' +
+            '\tcolor: black\n' +
+            '}');
+        t(
+            'a:first-child,a:first-child{color:red;div:first-child,div:hover{color:black;}}',
+            //  -- output --
+            'a:first-child, a:first-child {\n' +
+            '\tcolor: red;\n' +
+            '\tdiv:first-child, div:hover {\n' +
+            '\t\tcolor: black;\n' +
+            '\t}\n' +
+            '}');
+
+        // Selector Separator - (separator = "\n", separator1 = "\n\t")
+        reset_options();
+        opts.selector_separator_newline = true;
+        opts.selector_separator = " ";
+        t(
+            '#bla, #foo{color:green}',
+            //  -- output --
+            '#bla,\n#foo {\n' +
+            '\tcolor: green\n' +
+            '}');
+        t(
+            '@media print {.tab{}}',
+            //  -- output --
+            '@media print {\n' +
+            '\t.tab {}\n' +
+            '}');
+        t(
+            '@media print {.tab,.bat{}}',
+            //  -- output --
+            '@media print {\n' +
+            '\t.tab,\n\t.bat {}\n' +
+            '}');
+        t(
+            '#bla, #foo{color:black}',
+            //  -- output --
+            '#bla,\n#foo {\n' +
+            '\tcolor: black\n' +
+            '}');
+        t(
+            'a:first-child,a:first-child{color:red;div:first-child,div:hover{color:black;}}',
+            //  -- output --
+            'a:first-child,\na:first-child {\n' +
+            '\tcolor: red;\n' +
+            '\tdiv:first-child,\n\tdiv:hover {\n' +
+            '\t\tcolor: black;\n' +
+            '\t}\n' +
+            '}');
+
+        // Selector Separator - (separator = "\n", separator1 = "\n\t")
+        reset_options();
+        opts.selector_separator_newline = true;
+        opts.selector_separator = "  ";
+        t(
+            '#bla, #foo{color:green}',
+            //  -- output --
+            '#bla,\n#foo {\n' +
+            '\tcolor: green\n' +
+            '}');
+        t(
+            '@media print {.tab{}}',
+            //  -- output --
+            '@media print {\n' +
+            '\t.tab {}\n' +
+            '}');
+        t(
+            '@media print {.tab,.bat{}}',
+            //  -- output --
+            '@media print {\n' +
+            '\t.tab,\n\t.bat {}\n' +
+            '}');
+        t(
+            '#bla, #foo{color:black}',
+            //  -- output --
+            '#bla,\n#foo {\n' +
+            '\tcolor: black\n' +
+            '}');
+        t(
+            'a:first-child,a:first-child{color:red;div:first-child,div:hover{color:black;}}',
+            //  -- output --
+            'a:first-child,\na:first-child {\n' +
+            '\tcolor: red;\n' +
+            '\tdiv:first-child,\n\tdiv:hover {\n' +
+            '\t\tcolor: black;\n' +
+            '\t}\n' +
+            '}');
+
+
+        //============================================================
+        // Preserve Newlines - (separator_input = "\n\n", separator_output = "\n\n")
+        reset_options();
+        opts.preserve_newlines = true;
+        t('.div {}\n\n.span {}');
+        t(
+            '#bla, #foo{\n' +
+            '\tcolor:black;\n\n\tfont-size: 12px;\n' +
+            '}',
+            //  -- output --
+            '#bla,\n' +
+            '#foo {\n' +
+            '\tcolor: black;\n\n\tfont-size: 12px;\n' +
+            '}');
+
+        // Preserve Newlines - (separator_input = "\n\n", separator_output = "\n")
+        reset_options();
+        opts.preserve_newlines = false;
+        t('.div {}\n\n.span {}', '.div {}\n.span {}');
+        t(
+            '#bla, #foo{\n' +
+            '\tcolor:black;\n\n\tfont-size: 12px;\n' +
+            '}',
+            //  -- output --
+            '#bla,\n' +
+            '#foo {\n' +
+            '\tcolor: black;\n\tfont-size: 12px;\n' +
+            '}');
+
+
+        //============================================================
+        // Preserve Newlines and newline_between_rules
+        reset_options();
+        opts.preserve_newlines = true;
+        opts.newline_between_rules = true;
+        t(
+            '.div {}.span {}',
+            //  -- output --
+            '.div {}\n' +
+            '\n' +
+            '.span {}');
+        t(
+            '#bla, #foo{\n' +
+            '\tcolor:black;\n' +
+            '\tfont-size: 12px;\n' +
+            '}',
+            //  -- output --
+            '#bla,\n' +
+            '#foo {\n' +
+            '\tcolor: black;\n' +
+            '\tfont-size: 12px;\n' +
+            '}');
+        t(
+            '#bla, #foo{\n' +
+            '\tcolor:black;\n' +
+            '\n' +
+            '\n' +
+            '\tfont-size: 12px;\n' +
+            '}',
+            //  -- output --
+            '#bla,\n' +
+            '#foo {\n' +
+            '\tcolor: black;\n' +
+            '\n' +
+            '\n' +
+            '\tfont-size: 12px;\n' +
+            '}');
+        t(
+            '#bla,\n' +
+            '\n' +
+            '#foo {\n' +
+            '\tcolor: black;\n' +
+            '\tfont-size: 12px;\n' +
+            '}');
+        t(
+            'a {\n' +
+            '\tb: c;\n' +
+            '\n' +
+            '\n' +
+            '\td: {\n' +
+            '\t\te: f;\n' +
+            '\t}\n' +
+            '}');
+        t(
+            '.div {}\n' +
+            '\n' +
+            '.span {}');
+        t(
+            '.div {\n' +
+            '\ta: 1;\n' +
+            '\n' +
+            '\n' +
+            '\tb: 2;\n' +
+            '}\n' +
+            '\n' +
+            '\n' +
+            '\n' +
+            '.span {\n' +
+            '\ta: 1;\n' +
+            '}');
+        t(
+            '.div {\n' +
+            '\n' +
+            '\n' +
+            '\ta: 1;\n' +
+            '\n' +
+            '\n' +
+            '\tb: 2;\n' +
+            '}\n' +
+            '\n' +
+            '\n' +
+            '\n' +
+            '.span {\n' +
+            '\ta: 1;\n' +
+            '}');
+        t(
+            '@media screen {\n' +
+            '\t.div {\n' +
+            '\t\ta: 1;\n' +
+            '\n' +
+            '\n' +
+            '\t\tb: 2;\n' +
+            '\t}\n' +
+            '\n' +
+            '\n' +
+            '\n' +
+            '\t.span {\n' +
+            '\t\ta: 1;\n' +
+            '\t}\n' +
+            '}\n' +
+            '\n' +
+            '.div {}\n' +
+            '\n' +
+            '.span {}');
+
+
+        //============================================================
+        // Preserve Newlines and add tabs
+        reset_options();
+        opts.preserve_newlines = true;
+        t(
+            '.tool-tip {\n' +
+            '\tposition: relative;\n' +
+            '\n' +
+            '\t\t\n' +
+            '\t.tool-tip-content {\n' +
+            '\t\t&>* {\n' +
+            '\t\t\tmargin-top: 0;\n' +
+            '\t\t}\n' +
+            '\t\t\n' +
+            '\n' +
+            '\t\t.mixin-box-shadow(.2rem .2rem .5rem rgba(0, 0, 0, .15));\n' +
+            '\t\tpadding: 1rem;\n' +
+            '\t\tposition: absolute;\n' +
+            '\t\tz-index: 10;\n' +
+            '\t}\n' +
+            '}',
+            //  -- output --
+            '.tool-tip {\n' +
+            '\tposition: relative;\n' +
+            '\n' +
+            '\n' +
+            '\t.tool-tip-content {\n' +
+            '\t\t&>* {\n' +
+            '\t\t\tmargin-top: 0;\n' +
+            '\t\t}\n' +
+            '\n\n\t\t.mixin-box-shadow(.2rem .2rem .5rem rgba(0, 0, 0, .15));\n' +
+            '\t\tpadding: 1rem;\n' +
+            '\t\tposition: absolute;\n' +
+            '\t\tz-index: 10;\n' +
+            '\t}\n' +
+            '}');
+
+
+        //============================================================
+        // Newline Between Rules - (separator = "\n")
+        reset_options();
+        opts.newline_between_rules = true;
+        t(
+            '.div {}\n' +
+            '.span {}',
+            //  -- output --
+            '.div {}\n' +
+            '\n.span {}');
+        t(
+            '.div{}\n' +
+            '   \n' +
+            '.span{}',
+            //  -- output --
+            '.div {}\n' +
+            '\n.span {}');
+        t(
+            '.div {}    \n' +
+            '  \n' +
+            '.span { } \n',
+            //  -- output --
+            '.div {}\n' +
+            '\n.span {}');
+        t(
+            '.div {\n' +
+            '    \n' +
+            '} \n' +
+            '  .span {\n' +
+            ' }  ',
+            //  -- output --
+            '.div {}\n' +
+            '\n.span {}');
+        t(
+            '.selector1 {\n' +
+            '\tmargin: 0; /* This is a comment including an url http://domain.com/path/to/file.ext */\n' +
+            '}\n' +
+            '.div{height:15px;}',
+            //  -- output --
+            '.selector1 {\n' +
+            '\tmargin: 0;\n' +
+            '\t/* This is a comment including an url http://domain.com/path/to/file.ext */\n' +
+            '}\n' +
+            '\n.div {\n' +
+            '\theight: 15px;\n' +
+            '}');
+        t(
+            '.tabs{width:10px;//end of line comment\n' +
+            'height:10px;//another\n' +
+            '}\n' +
+            '.div{height:15px;}',
+            //  -- output --
+            '.tabs {\n' +
+            '\twidth: 10px; //end of line comment\n' +
+            '\theight: 10px; //another\n' +
+            '}\n' +
+            '\n.div {\n' +
+            '\theight: 15px;\n' +
+            '}');
+        t(
+            '#foo {\n' +
+            '\tbackground-image: url(foo@2x.png);\n' +
+            '\t@font-face {\n' +
+            '\t\tfont-family: "Bitstream Vera Serif Bold";\n' +
+            '\t\tsrc: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");\n' +
+            '\t}\n' +
+            '}\n' +
+            '.div{height:15px;}',
+            //  -- output --
+            '#foo {\n' +
+            '\tbackground-image: url(foo@2x.png);\n' +
+            '\t@font-face {\n' +
+            '\t\tfont-family: "Bitstream Vera Serif Bold";\n' +
+            '\t\tsrc: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");\n' +
+            '\t}\n' +
+            '}\n' +
+            '\n.div {\n' +
+            '\theight: 15px;\n' +
+            '}');
+        t(
+            '@media screen {\n' +
+            '\t#foo:hover {\n' +
+            '\t\tbackground-image: url(foo@2x.png);\n' +
+            '\t}\n' +
+            '\t@font-face {\n' +
+            '\t\tfont-family: "Bitstream Vera Serif Bold";\n' +
+            '\t\tsrc: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");\n' +
+            '\t}\n' +
+            '}\n' +
+            '.div{height:15px;}',
+            //  -- output --
+            '@media screen {\n' +
+            '\t#foo:hover {\n' +
+            '\t\tbackground-image: url(foo@2x.png);\n' +
+            '\t}\n' +
+            '\t@font-face {\n' +
+            '\t\tfont-family: "Bitstream Vera Serif Bold";\n' +
+            '\t\tsrc: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");\n' +
+            '\t}\n' +
+            '}\n' +
+            '\n.div {\n' +
+            '\theight: 15px;\n' +
+            '}');
+        t(
+            '@font-face {\n' +
+            '\tfont-family: "Bitstream Vera Serif Bold";\n' +
+            '\tsrc: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");\n' +
+            '}\n' +
+            '@media screen {\n' +
+            '\t#foo:hover {\n' +
+            '\t\tbackground-image: url(foo.png);\n' +
+            '\t}\n' +
+            '\t@media screen and (min-device-pixel-ratio: 2) {\n' +
+            '\t\t@font-face {\n' +
+            '\t\t\tfont-family: "Helvetica Neue"\n' +
+            '\t\t}\n' +
+            '\t\t#foo:hover {\n' +
+            '\t\t\tbackground-image: url(foo@2x.png);\n' +
+            '\t\t}\n' +
+            '\t}\n' +
+            '}',
+            //  -- output --
+            '@font-face {\n' +
+            '\tfont-family: "Bitstream Vera Serif Bold";\n' +
+            '\tsrc: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");\n' +
+            '}\n' +
+            '\n@media screen {\n' +
+            '\t#foo:hover {\n' +
+            '\t\tbackground-image: url(foo.png);\n' +
+            '\t}\n' +
+            '\t@media screen and (min-device-pixel-ratio: 2) {\n' +
+            '\t\t@font-face {\n' +
+            '\t\t\tfont-family: "Helvetica Neue"\n' +
+            '\t\t}\n' +
+            '\t\t#foo:hover {\n' +
+            '\t\t\tbackground-image: url(foo@2x.png);\n' +
+            '\t\t}\n' +
+            '\t}\n' +
+            '}');
+        t(
+            'a:first-child{color:red;div:first-child{color:black;}}\n' +
+            '.div{height:15px;}',
+            //  -- output --
+            'a:first-child {\n' +
+            '\tcolor: red;\n' +
+            '\tdiv:first-child {\n' +
+            '\t\tcolor: black;\n' +
+            '\t}\n' +
+            '}\n' +
+            '\n.div {\n' +
+            '\theight: 15px;\n' +
+            '}');
+        t(
+            'a:first-child{color:red;div:not(.peq){color:black;}}\n' +
+            '.div{height:15px;}',
+            //  -- output --
+            'a:first-child {\n' +
+            '\tcolor: red;\n' +
+            '\tdiv:not(.peq) {\n' +
+            '\t\tcolor: black;\n' +
+            '\t}\n' +
+            '}\n' +
+            '\n.div {\n' +
+            '\theight: 15px;\n' +
+            '}');
+
+        // Newline Between Rules - (separator = "")
+        reset_options();
+        opts.newline_between_rules = false;
+        t(
+            '.div {}\n' +
+            '.span {}');
+        t(
+            '.div{}\n' +
+            '   \n' +
+            '.span{}',
+            //  -- output --
+            '.div {}\n' +
+            '.span {}');
+        t(
+            '.div {}    \n' +
+            '  \n' +
+            '.span { } \n',
+            //  -- output --
+            '.div {}\n' +
+            '.span {}');
+        t(
+            '.div {\n' +
+            '    \n' +
+            '} \n' +
+            '  .span {\n' +
+            ' }  ',
+            //  -- output --
+            '.div {}\n' +
+            '.span {}');
+        t(
+            '.selector1 {\n' +
+            '\tmargin: 0; /* This is a comment including an url http://domain.com/path/to/file.ext */\n' +
+            '}\n' +
+            '.div{height:15px;}',
+            //  -- output --
+            '.selector1 {\n' +
+            '\tmargin: 0;\n' +
+            '\t/* This is a comment including an url http://domain.com/path/to/file.ext */\n' +
+            '}\n' +
+            '.div {\n' +
+            '\theight: 15px;\n' +
+            '}');
+        t(
+            '.tabs{width:10px;//end of line comment\n' +
+            'height:10px;//another\n' +
+            '}\n' +
+            '.div{height:15px;}',
+            //  -- output --
+            '.tabs {\n' +
+            '\twidth: 10px; //end of line comment\n' +
+            '\theight: 10px; //another\n' +
+            '}\n' +
+            '.div {\n' +
+            '\theight: 15px;\n' +
+            '}');
+        t(
+            '#foo {\n' +
+            '\tbackground-image: url(foo@2x.png);\n' +
+            '\t@font-face {\n' +
+            '\t\tfont-family: "Bitstream Vera Serif Bold";\n' +
+            '\t\tsrc: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");\n' +
+            '\t}\n' +
+            '}\n' +
+            '.div{height:15px;}',
+            //  -- output --
+            '#foo {\n' +
+            '\tbackground-image: url(foo@2x.png);\n' +
+            '\t@font-face {\n' +
+            '\t\tfont-family: "Bitstream Vera Serif Bold";\n' +
+            '\t\tsrc: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");\n' +
+            '\t}\n' +
+            '}\n' +
+            '.div {\n' +
+            '\theight: 15px;\n' +
+            '}');
+        t(
+            '@media screen {\n' +
+            '\t#foo:hover {\n' +
+            '\t\tbackground-image: url(foo@2x.png);\n' +
+            '\t}\n' +
+            '\t@font-face {\n' +
+            '\t\tfont-family: "Bitstream Vera Serif Bold";\n' +
+            '\t\tsrc: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");\n' +
+            '\t}\n' +
+            '}\n' +
+            '.div{height:15px;}',
+            //  -- output --
+            '@media screen {\n' +
+            '\t#foo:hover {\n' +
+            '\t\tbackground-image: url(foo@2x.png);\n' +
+            '\t}\n' +
+            '\t@font-face {\n' +
+            '\t\tfont-family: "Bitstream Vera Serif Bold";\n' +
+            '\t\tsrc: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");\n' +
+            '\t}\n' +
+            '}\n' +
+            '.div {\n' +
+            '\theight: 15px;\n' +
+            '}');
+        t(
+            '@font-face {\n' +
+            '\tfont-family: "Bitstream Vera Serif Bold";\n' +
+            '\tsrc: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");\n' +
+            '}\n' +
+            '@media screen {\n' +
+            '\t#foo:hover {\n' +
+            '\t\tbackground-image: url(foo.png);\n' +
+            '\t}\n' +
+            '\t@media screen and (min-device-pixel-ratio: 2) {\n' +
+            '\t\t@font-face {\n' +
+            '\t\t\tfont-family: "Helvetica Neue"\n' +
+            '\t\t}\n' +
+            '\t\t#foo:hover {\n' +
+            '\t\t\tbackground-image: url(foo@2x.png);\n' +
+            '\t\t}\n' +
+            '\t}\n' +
+            '}');
+        t(
+            'a:first-child{color:red;div:first-child{color:black;}}\n' +
+            '.div{height:15px;}',
+            //  -- output --
+            'a:first-child {\n' +
+            '\tcolor: red;\n' +
+            '\tdiv:first-child {\n' +
+            '\t\tcolor: black;\n' +
+            '\t}\n' +
+            '}\n' +
+            '.div {\n' +
+            '\theight: 15px;\n' +
+            '}');
+        t(
+            'a:first-child{color:red;div:not(.peq){color:black;}}\n' +
+            '.div{height:15px;}',
+            //  -- output --
+            'a:first-child {\n' +
+            '\tcolor: red;\n' +
+            '\tdiv:not(.peq) {\n' +
+            '\t\tcolor: black;\n' +
+            '\t}\n' +
+            '}\n' +
+            '.div {\n' +
+            '\theight: 15px;\n' +
+            '}');
+
+
+        //============================================================
+        // Functions braces
+        reset_options();
+        t('.tabs(){}', '.tabs() {}');
+        t('.tabs (){}', '.tabs () {}');
+        t(
+            '.tabs (pa, pa(1,2)), .cols { }',
+            //  -- output --
+            '.tabs (pa, pa(1, 2)),\n' +
+            '.cols {}');
+        t(
+            '.tabs(pa, pa(1,2)), .cols { }',
+            //  -- output --
+            '.tabs(pa, pa(1, 2)),\n' +
+            '.cols {}');
+        t('.tabs (   )   {    }', '.tabs () {}');
+        t('.tabs(   )   {    }', '.tabs() {}');
+        t(
+            '.tabs  (t, t2)  \n' +
+            '{\n' +
+            '  key: val(p1  ,p2);  \n' +
+            '  }',
+            //  -- output --
+            '.tabs (t, t2) {\n' +
+            '\tkey: val(p1, p2);\n' +
+            '}');
+        t(
+            '.box-shadow(@shadow: 0 1px 3px rgba(0, 0, 0, .25)) {\n' +
+            '\t-webkit-box-shadow: @shadow;\n' +
+            '\t-moz-box-shadow: @shadow;\n' +
+            '\tbox-shadow: @shadow;\n' +
+            '}');
+
+
+        //============================================================
+        // Comments
+        reset_options();
+        t('/* test */');
+        t(
+            '.tabs{/* test */}',
+            //  -- output --
+            '.tabs {\n' +
+            '\t/* test */\n' +
+            '}');
+        t(
+            '.tabs{/* test */}',
+            //  -- output --
+            '.tabs {\n' +
+            '\t/* test */\n' +
+            '}');
+        t(
+            '/* header */.tabs {}',
+            //  -- output --
+            '/* header */\n' +
+            '\n' +
+            '.tabs {}');
+        t(
+            '.tabs {\n' +
+            '/* non-header */\n' +
+            'width:10px;}',
+            //  -- output --
+            '.tabs {\n' +
+            '\t/* non-header */\n' +
+            '\twidth: 10px;\n' +
+            '}');
+        t('/* header');
+        t('// comment');
+        t(
+            '.selector1 {\n' +
+            '\tmargin: 0; /* This is a comment including an url http://domain.com/path/to/file.ext */\n' +
+            '}',
+            //  -- output --
+            '.selector1 {\n' +
+            '\tmargin: 0;\n' +
+            '\t/* This is a comment including an url http://domain.com/path/to/file.ext */\n' +
+            '}');
+        
+        // single line comment support (less/sass)
+        t(
+            '.tabs{\n' +
+            '// comment\n' +
+            'width:10px;\n' +
+            '}',
+            //  -- output --
+            '.tabs {\n' +
+            '\t// comment\n' +
+            '\twidth: 10px;\n' +
+            '}');
+        t(
+            '.tabs{// comment\n' +
+            'width:10px;\n' +
+            '}',
+            //  -- output --
+            '.tabs {\n' +
+            '\t// comment\n' +
+            '\twidth: 10px;\n' +
+            '}');
+        t(
+            '//comment\n' +
+            '.tabs{width:10px;}',
+            //  -- output --
+            '//comment\n' +
+            '.tabs {\n' +
+            '\twidth: 10px;\n' +
+            '}');
+        t(
+            '.tabs{//comment\n' +
+            '//2nd single line comment\n' +
+            'width:10px;}',
+            //  -- output --
+            '.tabs {\n' +
+            '\t//comment\n' +
+            '\t//2nd single line comment\n' +
+            '\twidth: 10px;\n' +
+            '}');
+        t(
+            '.tabs{width:10px;//end of line comment\n' +
+            '}',
+            //  -- output --
+            '.tabs {\n' +
+            '\twidth: 10px; //end of line comment\n' +
+            '}');
+        t(
+            '.tabs{width:10px;//end of line comment\n' +
+            'height:10px;}',
+            //  -- output --
+            '.tabs {\n' +
+            '\twidth: 10px; //end of line comment\n' +
+            '\theight: 10px;\n' +
+            '}');
+        t(
+            '.tabs{width:10px;//end of line comment\n' +
+            'height:10px;//another\n' +
+            '}',
+            //  -- output --
+            '.tabs {\n' +
+            '\twidth: 10px; //end of line comment\n' +
+            '\theight: 10px; //another\n' +
+            '}');
+
+
+        //============================================================
+        // Handle LESS property name interpolation
+        reset_options();
+        t(
+            'tag {\n' +
+            '\t@{prop}: none;\n' +
+            '}');
+        t(
+            'tag{@{prop}:none;}',
+            //  -- output --
+            'tag {\n' +
+            '\t@{prop}: none;\n' +
+            '}');
+        t(
+            'tag{ @{prop}: none;}',
+            //  -- output --
+            'tag {\n' +
+            '\t@{prop}: none;\n' +
+            '}');
+        
+        // can also be part of property name
+        t(
+            'tag {\n' +
+            '\tdynamic-@{prop}: none;\n' +
+            '}');
+        t(
+            'tag{dynamic-@{prop}:none;}',
+            //  -- output --
+            'tag {\n' +
+            '\tdynamic-@{prop}: none;\n' +
+            '}');
+        t(
+            'tag{ dynamic-@{prop}: none;}',
+            //  -- output --
+            'tag {\n' +
+            '\tdynamic-@{prop}: none;\n' +
+            '}');
+
+
+        //============================================================
+        // Handle LESS property name interpolation, test #631
+        reset_options();
+        t(
+            '.generate-columns(@n, @i: 1) when (@i =< @n) {\n' +
+            '\t.column-@{i} {\n' +
+            '\t\twidth: (@i * 100% / @n);\n' +
+            '\t}\n' +
+            '\t.generate-columns(@n, (@i + 1));\n' +
+            '}');
+        t(
+            '.generate-columns(@n,@i:1) when (@i =< @n){.column-@{i}{width:(@i * 100% / @n);}.generate-columns(@n,(@i + 1));}',
+            //  -- output --
+            '.generate-columns(@n, @i: 1) when (@i =< @n) {\n' +
+            '\t.column-@{i} {\n' +
+            '\t\twidth: (@i * 100% / @n);\n' +
+            '\t}\n' +
+            '\t.generate-columns(@n, (@i + 1));\n' +
+            '}');
+
+
+        //============================================================
+        // Psuedo-classes vs Variables
+        reset_options();
+        t('@page :first {}');
+        
+        // Assume the colon goes with the @name. If we're in LESS, this is required regardless of the at-string.
+        t('@page:first {}', '@page: first {}');
+        t('@page: first {}');
+
+
+        //============================================================
+        // SASS/SCSS
+        reset_options();
+        
+        // Basic Interpolation
+        t(
+            'p {\n' +
+            '\t$font-size: 12px;\n' +
+            '\t$line-height: 30px;\n' +
+            '\tfont: #{$font-size}/#{$line-height};\n' +
+            '}');
+        t('p.#{$name} {}');
+        t(
+            '@mixin itemPropertiesCoverItem($items, $margin) {\n' +
+            '\twidth: calc((100% - ((#{$items} - 1) * #{$margin}rem)) / #{$items});\n' +
+            '\tmargin: 1.6rem #{$margin}rem 1.6rem 0;\n' +
+            '}');
+        
+        // Multiple filed issues in LESS due to not(:blah)
+        t('&:first-of-type:not(:last-child) {}');
+        t(
+            'div {\n' +
+            '\t&:not(:first-of-type) {\n' +
+            '\t\tbackground: red;\n' +
+            '\t}\n' +
+            '}');
+
+
+        //============================================================
+        // Proper handling of colon in selectors
+        reset_options();
+        opts.selector_separator_newline = false;
+        t('a :b {}');
+        t('a ::b {}');
+        t('a:b {}');
+        t('a::b {}');
+        t(
+            'a {}, a::b {}, a   ::b {}, a:b {}, a   :b {}',
+            //  -- output --
+            'a {}\n' +
+            ', a::b {}\n' +
+            ', a ::b {}\n' +
+            ', a:b {}\n' +
+            ', a :b {}');
+        t(
+            '.card-blue ::-webkit-input-placeholder {\n' +
+            '\tcolor: #87D1FF;\n' +
+            '}');
+        t(
+            'div [attr] :not(.class) {\n' +
+            '\tcolor: red;\n' +
+            '}');
+
+
+        //============================================================
+        // Regresssion Tests
+        reset_options();
+        opts.selector_separator_newline = false;
+        t(
+            '@media(min-width:768px) {\n' +
+            '\t.selector::after {\n' +
+            '\t\t/* property: value */\n' +
+            '\t}\n' +
+            '\t.other-selector {\n' +
+            '\t\t/* property: value */\n' +
+            '\t}\n' +
+            '}');
+        t(
+            '.fa-rotate-270 {\n' +
+            '\tfilter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);\n' +
+            '}');
+
+
+        //============================================================
+        // 
+        reset_options();
+
+
+    }
+
+    function beautifier_unconverted_tests()
+    {
+        sanitytest = test_obj;
+
+        reset_options();
+        //============================================================
+        // test basic css beautifier
+        t(".tabs {}");
+        t(".tabs{color:red;}", ".tabs {\n\tcolor: red;\n}");
+        t(".tabs{color:rgb(255, 255, 0)}", ".tabs {\n\tcolor: rgb(255, 255, 0)\n}");
+        t(".tabs{background:url('back.jpg')}", ".tabs {\n\tbackground: url('back.jpg')\n}");
+        t("#bla, #foo{color:red}", "#bla,\n#foo {\n\tcolor: red\n}");
+        t("@media print {.tab{}}", "@media print {\n\t.tab {}\n}");
+        t("@media print {.tab{background-image:url(foo@2x.png)}}", "@media print {\n\t.tab {\n\t\tbackground-image: url(foo@2x.png)\n\t}\n}");
+
+        t("a:before {\n" +
+            "\tcontent: 'a{color:black;}\"\"\\'\\'\"\\n\\n\\na{color:black}\';\n" +
+            "}");
+
+        //lead-in whitespace determines base-indent.
+        // lead-in newlines are stripped.
+        t("\n\na, img {padding: 0.2px}", "a,\nimg {\n\tpadding: 0.2px\n}");
+        t("   a, img {padding: 0.2px}", "   a,\n   img {\n   \tpadding: 0.2px\n   }");
+        t(" \t \na, img {padding: 0.2px}", " \t a,\n \t img {\n \t \tpadding: 0.2px\n \t }");
+        t("\n\n     a, img {padding: 0.2px}", "a,\nimg {\n\tpadding: 0.2px\n}");
+
+        // separate selectors
+        t("#bla, #foo{color:red}", "#bla,\n#foo {\n\tcolor: red\n}");
+        t("a, img {padding: 0.2px}", "a,\nimg {\n\tpadding: 0.2px\n}");
+
+        // block nesting
+        t("#foo {\n\tbackground-image: url(foo@2x.png);\n\t@font-face {\n\t\tfont-family: 'Bitstream Vera Serif Bold';\n\t\tsrc: url('http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf');\n\t}\n}");
+        t("@media screen {\n\t#foo:hover {\n\t\tbackground-image: url(foo@2x.png);\n\t}\n\t@font-face {\n\t\tfont-family: 'Bitstream Vera Serif Bold';\n\t\tsrc: url('http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf');\n\t}\n}");
+/*
+@font-face {
+    font-family: 'Bitstream Vera Serif Bold';
+    src: url('http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf');
+}
+@media screen {
+    #foo:hover {
+        background-image: url(foo.png);
+    }
+    @media screen and (min-device-pixel-ratio: 2) {
+        @font-face {
+            font-family: 'Helvetica Neue'
+        }
+        #foo:hover {
+            background-image: url(foo@2x.png);
+        }
+    }
+}
+*/
+        t("@font-face {\n\tfont-family: 'Bitstream Vera Serif Bold';\n\tsrc: url('http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf');\n}\n@media screen {\n\t#foo:hover {\n\t\tbackground-image: url(foo.png);\n\t}\n\t@media screen and (min-device-pixel-ratio: 2) {\n\t\t@font-face {\n\t\t\tfont-family: 'Helvetica Neue'\n\t\t}\n\t\t#foo:hover {\n\t\t\tbackground-image: url(foo@2x.png);\n\t\t}\n\t}\n}");
+
+        // less-css cases
+        t('.well{@well-bg:@bg-color;@well-fg:@fg-color;}','.well {\n\t@well-bg: @bg-color;\n\t@well-fg: @fg-color;\n}');
+        t('.well {&.active {\nbox-shadow: 0 1px 1px @border-color, 1px 0 1px @border-color;}}',
+            '.well {\n' +
+            '\t&.active {\n' +
+            '\t\tbox-shadow: 0 1px 1px @border-color, 1px 0 1px @border-color;\n' +
+            '\t}\n' +
+            '}');
+        t('a {\n' +
+            '\tcolor: blue;\n' +
+            '\t&:hover {\n' +
+            '\t\tcolor: green;\n' +
+            '\t}\n' +
+            '\t& & &&&.active {\n' +
+            '\t\tcolor: green;\n' +
+            '\t}\n' +
+            '}');
+
+        // Not sure if this is sensible
+        // but I believe it is correct to not remove the space in "&: hover".
+        t('a {\n' +
+            '\t&: hover {\n' +
+            '\t\tcolor: green;\n' +
+            '\t}\n' +
+            '}');
+
+        // import
+        t('@import "test";');
+
+        // don't break nested pseudo-classes
+        t("a:first-child{color:red;div:first-child{color:black;}}",
+            "a:first-child {\n\tcolor: red;\n\tdiv:first-child {\n\t\tcolor: black;\n\t}\n}");
+
+        // handle SASS/LESS parent reference
+        t("div{&:first-letter {text-transform: uppercase;}}",
+            "div {\n\t&:first-letter {\n\t\ttext-transform: uppercase;\n\t}\n}");
+
+        //nested modifiers (&:hover etc)
+        t(".tabs{&:hover{width:10px;}}", ".tabs {\n\t&:hover {\n\t\twidth: 10px;\n\t}\n}");
+        t(".tabs{&.big{width:10px;}}", ".tabs {\n\t&.big {\n\t\twidth: 10px;\n\t}\n}");
+        t(".tabs{&>big{width:10px;}}", ".tabs {\n\t&>big {\n\t\twidth: 10px;\n\t}\n}");
+        t(".tabs{&+.big{width:10px;}}", ".tabs {\n\t&+.big {\n\t\twidth: 10px;\n\t}\n}");
+
+        //nested rules
+        t(".tabs{.child{width:10px;}}", ".tabs {\n\t.child {\n\t\twidth: 10px;\n\t}\n}");
+
+        //variables
+        t("@myvar:10px;.tabs{width:10px;}", "@myvar: 10px;\n.tabs {\n\twidth: 10px;\n}");
+        t("@myvar:10px; .tabs{width:10px;}", "@myvar: 10px;\n.tabs {\n\twidth: 10px;\n}");
+
+        // test options
+        opts.indent_size = 2;
+        opts.indent_char = ' ';
+        opts.selector_separator_newline = false;
+
+        // pseudo-classes and pseudo-elements
+        t("#foo:hover {\n  background-image: url(foo@2x.png)\n}");
+        t("#foo *:hover {\n  color: purple\n}");
+        t("::selection {\n  color: #ff0000;\n}");
+
+        // TODO: don't break nested pseduo-classes
+        t("@media screen {.tab,.bat:hover {color:red}}", "@media screen {\n  .tab, .bat:hover {\n    color: red\n  }\n}");
+
+        // particular edge case with braces and semicolons inside tags that allows custom text
+        t("a:not(\"foobar\\\";{}omg\"){\ncontent: 'example\\';{} text';\ncontent: \"example\\\";{} text\";}",
+            "a:not(\"foobar\\\";{}omg\") {\n  content: 'example\\';{} text';\n  content: \"example\\\";{} text\";\n}");
+
+        // may not eat the space before "["
+        t('html.js [data-custom="123"] {\n  opacity: 1.00;\n}');
+        t('html.js *[data-custom="123"] {\n  opacity: 1.00;\n}');
+    }
+
+    beautifier_tests();
+    beautifier_unconverted_tests();
+}
+
+if (typeof exports !== "undefined") {
+    exports.run_css_tests = run_css_tests;
+}