mirror of
https://github.com/beautifier/js-beautify.git
synced 2024-11-23 12:49:40 +00:00
Changed css tests to use 4 space indenting instead of tabs
This commit is contained in:
Hanabishi
Liam Newman
parent
2ab93fbe6b
commit
a94020125c
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -176,31 +176,31 @@ function run_css_tests(test_obj, Urlencoded, js_beautify, html_beautify, css_bea
|
||||
//============================================================
|
||||
// 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(".tabs{color:red;}", ".tabs {\n color: red;\n}");
|
||||
t(".tabs{color:rgb(255, 255, 0)}", ".tabs {\n color: rgb(255, 255, 0)\n}");
|
||||
t(".tabs{background:url('back.jpg')}", ".tabs {\n background: url('back.jpg')\n}");
|
||||
t("#bla, #foo{color:red}", "#bla,\n#foo {\n color: red\n}");
|
||||
t("@media print {.tab{}}", "@media print {\n .tab {}\n}");
|
||||
t("@media print {.tab{background-image:url(foo@2x.png)}}", "@media print {\n .tab {\n background-image: url(foo@2x.png)\n }\n}");
|
||||
|
||||
t("a:before {\n" +
|
||||
"\tcontent: 'a{color:black;}\"\"\\'\\'\"\\n\\n\\na{color:black}\';\n" +
|
||||
" content: '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}");
|
||||
t("\n\na, img {padding: 0.2px}", "a,\nimg {\n padding: 0.2px\n}");
|
||||
t(" a, img {padding: 0.2px}", " a,\n img {\n padding: 0.2px\n }");
|
||||
t(" \na, img {padding: 0.2px}", " a,\n img {\n padding: 0.2px\n }");
|
||||
t("\n\n a, img {padding: 0.2px}", "a,\nimg {\n padding: 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}");
|
||||
t("#bla, #foo{color:red}", "#bla,\n#foo {\n color: red\n}");
|
||||
t("a, img {padding: 0.2px}", "a,\nimg {\n padding: 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}");
|
||||
t("#foo {\n background-image: url(foo@2x.png);\n @font-face {\n font-family: 'Bitstream Vera Serif Bold';\n src: url('http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf');\n }\n}");
|
||||
t("@media screen {\n #foo:hover {\n background-image: url(foo@2x.png);\n }\n @font-face {\n font-family: 'Bitstream Vera Serif Bold';\n src: url('http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf');\n }\n}");
|
||||
/*
|
||||
@font-face {
|
||||
font-family: 'Bitstream Vera Serif Bold';
|
||||
@ -220,32 +220,32 @@ function run_css_tests(test_obj, Urlencoded, js_beautify, html_beautify, css_bea
|
||||
}
|
||||
}
|
||||
*/
|
||||
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("@font-face {\n font-family: 'Bitstream Vera Serif Bold';\n src: url('http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf');\n}\n@media screen {\n #foo:hover {\n background-image: url(foo.png);\n }\n @media screen and (min-device-pixel-ratio: 2) {\n @font-face {\n font-family: 'Helvetica Neue'\n }\n #foo:hover {\n background-image: url(foo@2x.png);\n }\n }\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{@well-bg:@bg-color;@well-fg:@fg-color;}','.well {\n @well-bg: @bg-color;\n @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' +
|
||||
' &.active {\n' +
|
||||
' box-shadow: 0 1px 1px @border-color, 1px 0 1px @border-color;\n' +
|
||||
' }\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' +
|
||||
' color: blue;\n' +
|
||||
' &:hover {\n' +
|
||||
' color: green;\n' +
|
||||
' }\n' +
|
||||
' & & &&&.active {\n' +
|
||||
' color: green;\n' +
|
||||
' }\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' +
|
||||
' &: hover {\n' +
|
||||
' color: green;\n' +
|
||||
' }\n' +
|
||||
'}');
|
||||
|
||||
// import
|
||||
@ -253,29 +253,29 @@ function run_css_tests(test_obj, Urlencoded, js_beautify, html_beautify, css_bea
|
||||
|
||||
// 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}");
|
||||
"a:first-child {\n color: red;\n div:first-child {\n color: black;\n }\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}");
|
||||
"div {\n &:first-letter {\n text-transform: uppercase;\n }\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}");
|
||||
t(".tabs{&:hover{width:10px;}}", ".tabs {\n &:hover {\n width: 10px;\n }\n}");
|
||||
t(".tabs{&.big{width:10px;}}", ".tabs {\n &.big {\n width: 10px;\n }\n}");
|
||||
t(".tabs{&>big{width:10px;}}", ".tabs {\n &>big {\n width: 10px;\n }\n}");
|
||||
t(".tabs{&+.big{width:10px;}}", ".tabs {\n &+.big {\n width: 10px;\n }\n}");
|
||||
|
||||
//nested rules
|
||||
t(".tabs{.child{width:10px;}}", ".tabs {\n\t.child {\n\t\twidth: 10px;\n\t}\n}");
|
||||
t(".tabs{.child{width:10px;}}", ".tabs {\n .child {\n width: 10px;\n }\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}");
|
||||
t("@myvar:10px;.tabs{width:10px;}", "@myvar: 10px;\n.tabs {\n width: 10px;\n}");
|
||||
t("@myvar:10px; .tabs{width:10px;}", "@myvar: 10px;\n.tabs {\n width: 10px;\n}");
|
||||
|
||||
//mixins
|
||||
t("div{.px2rem(width,12);}", "div {\n\t.px2rem(width, 12);\n}");
|
||||
t("div{.px2rem(width,12);}", "div {\n .px2rem(width, 12);\n}");
|
||||
// mixin next to 'background: url("...")' should not add a line break after the comma
|
||||
t("div {\n\tbackground: url(\"//test.com/dummy.png\");\n\t.px2rem(width, 12);\n}");
|
||||
t("div {\n background: url(\"//test.com/dummy.png\");\n .px2rem(width, 12);\n}");
|
||||
|
||||
// test options
|
||||
opts.indent_size = 2;
|
||||
|
||||
@ -46,8 +46,8 @@ class CSSBeautifierTest(unittest.TestCase):
|
||||
true = True
|
||||
|
||||
default_options = cssbeautifier.default_options()
|
||||
default_options.indent_size = 1
|
||||
default_options.indent_char = '\t'
|
||||
default_options.indent_size = 4
|
||||
default_options.indent_char = ' '
|
||||
default_options.selector_separator_newline = true
|
||||
default_options.end_with_newline = false
|
||||
default_options.newline_between_rules = false
|
||||
@ -122,42 +122,42 @@ class CSSBeautifierTest(unittest.TestCase):
|
||||
t("\n", "")
|
||||
t(".tabs{}\n", ".tabs {}")
|
||||
t(".tabs{}", ".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(".tabs{color:red}", ".tabs {\n color: red\n}")
|
||||
t(".tabs{color:rgb(255, 255, 0)}", ".tabs {\n color: rgb(255, 255, 0)\n}")
|
||||
t(".tabs{background:url('back.jpg')}", ".tabs {\n background: url('back.jpg')\n}")
|
||||
t("#bla, #foo{color:red}", "#bla,\n#foo {\n color: red\n}")
|
||||
t("@media print {.tab{}}", "@media print {\n .tab {}\n}")
|
||||
t("@media print {.tab{background-image:url(foo@2x.png)}}", "@media print {\n .tab {\n background-image: url(foo@2x.png)\n }\n}")
|
||||
|
||||
t("a:before {\n" +
|
||||
"\tcontent: 'a{color:black;}\"\"\\'\\'\"\\n\\n\\na{color:black}\';\n" +
|
||||
" content: 'a{color:black;}\"\"\\'\\'\"\\n\\n\\na{color:black}\';\n" +
|
||||
"}")
|
||||
|
||||
# may not eat the space before "["
|
||||
t('html.js [data-custom="123"] {\n\topacity: 1.00;\n}')
|
||||
t('html.js *[data-custom="123"] {\n\topacity: 1.00;\n}')
|
||||
t('html.js [data-custom="123"] {\n opacity: 1.00;\n}')
|
||||
t('html.js *[data-custom="123"] {\n opacity: 1.00;\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}")
|
||||
t("\n\na, img {padding: 0.2px}", "a,\nimg {\n padding: 0.2px\n}")
|
||||
t(" a, img {padding: 0.2px}", " a,\n img {\n padding: 0.2px\n }")
|
||||
t(" \na, img {padding: 0.2px}", " a,\n img {\n padding: 0.2px\n }")
|
||||
t("\n\n a, img {padding: 0.2px}", "a,\nimg {\n padding: 0.2px\n}")
|
||||
|
||||
def testSeperateSelectors(self):
|
||||
self.reset_options()
|
||||
t = self.decodesto
|
||||
|
||||
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}")
|
||||
t("#bla, #foo{color:red}", "#bla,\n#foo {\n color: red\n}")
|
||||
t("a, img {padding: 0.2px}", "a,\nimg {\n padding: 0.2px\n}")
|
||||
|
||||
|
||||
def testBlockNesting(self):
|
||||
self.reset_options()
|
||||
t = self.decodesto
|
||||
|
||||
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}")
|
||||
t("#foo {\n background-image: url(foo@2x.png);\n @font-face {\n font-family: 'Bitstream Vera Serif Bold';\n src: url('http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf');\n }\n}")
|
||||
t("@media screen {\n #foo:hover {\n background-image: url(foo@2x.png);\n }\n @font-face {\n font-family: 'Bitstream Vera Serif Bold';\n src: url('http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf');\n }\n}")
|
||||
|
||||
# @font-face {
|
||||
# font-family: 'Bitstream Vera Serif Bold';
|
||||
@ -176,7 +176,7 @@ class CSSBeautifierTest(unittest.TestCase):
|
||||
# }
|
||||
# }
|
||||
# }
|
||||
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("@font-face {\n font-family: 'Bitstream Vera Serif Bold';\n src: url('http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf');\n}\n@media screen {\n #foo:hover {\n background-image: url(foo.png);\n }\n @media screen and (min-device-pixel-ratio: 2) {\n @font-face {\n font-family: 'Helvetica Neue'\n }\n #foo:hover {\n background-image: url(foo@2x.png);\n }\n }\n}")
|
||||
|
||||
|
||||
def testOptions(self):
|
||||
@ -202,29 +202,29 @@ class CSSBeautifierTest(unittest.TestCase):
|
||||
self.reset_options()
|
||||
t = self.decodesto
|
||||
|
||||
t('.well{ \n @well-bg:@bg-color;@well-fg:@fg-color;}','.well {\n\t@well-bg: @bg-color;\n\t@well-fg: @fg-color;\n}')
|
||||
t('.well{ \n @well-bg:@bg-color;@well-fg:@fg-color;}','.well {\n @well-bg: @bg-color;\n @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' +
|
||||
' &.active {\n' +
|
||||
' box-shadow: 0 1px 1px @border-color, 1px 0 1px @border-color;\n' +
|
||||
' }\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' +
|
||||
' color: blue;\n' +
|
||||
' &:hover {\n' +
|
||||
' color: green;\n' +
|
||||
' }\n' +
|
||||
' & & &&&.active {\n' +
|
||||
' color: green;\n' +
|
||||
' }\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' +
|
||||
' &: hover {\n' +
|
||||
' color: green;\n' +
|
||||
' }\n' +
|
||||
'}')
|
||||
|
||||
# import
|
||||
@ -232,24 +232,24 @@ class CSSBeautifierTest(unittest.TestCase):
|
||||
|
||||
# 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}")
|
||||
"a:first-child {\n color: red;\n div:first-child {\n color: black;\n }\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}")
|
||||
"div {\n &:first-letter {\n text-transform: uppercase;\n }\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}")
|
||||
t(".tabs{&:hover{width:10px;}}", ".tabs {\n &:hover {\n width: 10px;\n }\n}")
|
||||
t(".tabs{&.big{width:10px;}}", ".tabs {\n &.big {\n width: 10px;\n }\n}")
|
||||
t(".tabs{&>big{width:10px;}}", ".tabs {\n &>big {\n width: 10px;\n }\n}")
|
||||
t(".tabs{&+.big{width:10px;}}", ".tabs {\n &+.big {\n width: 10px;\n }\n}")
|
||||
|
||||
# nested rules
|
||||
t(".tabs{.child{width:10px;}}", ".tabs {\n\t.child {\n\t\twidth: 10px;\n\t}\n}")
|
||||
t(".tabs{.child{width:10px;}}", ".tabs {\n .child {\n width: 10px;\n }\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}")
|
||||
t("@myvar:10px;.tabs{width:10px;}", "@myvar: 10px;\n.tabs {\n width: 10px;\n}")
|
||||
t("@myvar:10px; .tabs{width:10px;}", "@myvar: 10px;\n.tabs {\n width: 10px;\n}")
|
||||
|
||||
def decodesto(self, input, expectation=None):
|
||||
if expectation == None:
|
||||
|
||||
@ -26,8 +26,8 @@
|
||||
|
||||
exports.test_data = {
|
||||
default_options: [
|
||||
{ name: "indent_size", value: "1" },
|
||||
{ name: "indent_char", value: "'\\t'" },
|
||||
{ name: "indent_size", value: "4" },
|
||||
{ name: "indent_char", value: "' '" },
|
||||
{ name: "selector_separator_newline", value: "true" },
|
||||
{ name: "end_with_newline", value: "false" },
|
||||
{ name: "newline_between_rules", value: "false" },
|
||||
@ -163,20 +163,20 @@ exports.test_data = {
|
||||
name: "",
|
||||
description: "",
|
||||
tests: [{
|
||||
input: '#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}'
|
||||
input: '#cboxOverlay {\n background: url(images/overlay.png) repeat 0 0;\n opacity: 0.9;\n filter: alpha(opacity = 90);\n}',
|
||||
output: '#cboxOverlay {\n background: url(images/overlay.png) repeat 0 0;\n opacity: 0.9;\n filter: alpha(opacity=90);\n}'
|
||||
}, {
|
||||
comment: 'simple data uri base64 test',
|
||||
input: 'a { background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=); }',
|
||||
output: 'a {\n\tbackground: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);\n}'
|
||||
output: 'a {\n background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);\n}'
|
||||
}, {
|
||||
comment: 'non-base64 data',
|
||||
input: 'a { background: url(data:text/html,%3Ch1%3EHello%2C%20World!%3C%2Fh1%3E); }',
|
||||
output: 'a {\n\tbackground: url(data:text/html,%3Ch1%3EHello%2C%20World!%3C%2Fh1%3E);\n}'
|
||||
output: 'a {\n background: url(data:text/html,%3Ch1%3EHello%2C%20World!%3C%2Fh1%3E);\n}'
|
||||
}, {
|
||||
comment: 'Beautifier does not fix or mitigate bad data uri',
|
||||
input: 'a { background: url(data: image/gif base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=); }',
|
||||
output: 'a {\n\tbackground: url(data: image/gif base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);\n}'
|
||||
output: 'a {\n background: url(data: image/gif base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);\n}'
|
||||
}]
|
||||
}, {
|
||||
name: "Support simple language specific option inheritance/overriding",
|
||||
@ -243,7 +243,7 @@ exports.test_data = {
|
||||
input: 'a > b{width: calc(100% + 45px);}',
|
||||
output: [
|
||||
'a{{space}}>{{space}}b {',
|
||||
'\twidth: calc(100% + 45px);',
|
||||
' width: calc(100% + 45px);',
|
||||
'}'
|
||||
]
|
||||
},
|
||||
@ -251,7 +251,7 @@ exports.test_data = {
|
||||
input: 'a ~ b{width: calc(100% + 45px);}',
|
||||
output: [
|
||||
'a{{space}}~{{space}}b {',
|
||||
'\twidth: calc(100% + 45px);',
|
||||
' width: calc(100% + 45px);',
|
||||
'}'
|
||||
]
|
||||
},
|
||||
@ -259,7 +259,7 @@ exports.test_data = {
|
||||
input: 'a + b{width: calc(100% + 45px);}',
|
||||
output: [
|
||||
'a{{space}}+{{space}}b {',
|
||||
'\twidth: calc(100% + 45px);',
|
||||
' width: calc(100% + 45px);',
|
||||
'}'
|
||||
]
|
||||
},
|
||||
@ -267,7 +267,7 @@ exports.test_data = {
|
||||
input: 'a + b > c{width: calc(100% + 45px);}',
|
||||
output: [
|
||||
'a{{space}}+{{space}}b{{space}}>{{space}}c {',
|
||||
'\twidth: calc(100% + 45px);',
|
||||
' width: calc(100% + 45px);',
|
||||
'}'
|
||||
]
|
||||
}
|
||||
@ -319,7 +319,7 @@ exports.test_data = {
|
||||
{ name: "newline_between_rules", value: "true" }
|
||||
],
|
||||
separator: '\\n',
|
||||
separator1: '\\n\\t',
|
||||
separator1: '\\n\ ',
|
||||
new_rule: '\n',
|
||||
first_nested_rule: '\n' // bug #1489
|
||||
}, {
|
||||
@ -329,7 +329,7 @@ exports.test_data = {
|
||||
{ name: "newline_between_rules", value: "false" }
|
||||
],
|
||||
separator: '\\n',
|
||||
separator1: '\\n\\t',
|
||||
separator1: '\\n\ ',
|
||||
new_rule: '',
|
||||
first_nested_rule: ''
|
||||
}, {
|
||||
@ -339,28 +339,28 @@ exports.test_data = {
|
||||
{ name: "newline_between_rules", value: "false" }
|
||||
],
|
||||
separator: '\\n',
|
||||
separator1: '\\n\\t',
|
||||
separator1: '\\n\ ',
|
||||
new_rule: '',
|
||||
new_rule_bug: ''
|
||||
}],
|
||||
tests: [
|
||||
{ input: '#bla, #foo{color:green}', output: '#bla,{{separator}}#foo {\n\tcolor: green\n}' },
|
||||
{ input: '#bla, #foo{color:green}\n#bla, #foo{color:green}', output: '#bla,{{separator}}#foo {\n\tcolor: green\n}{{new_rule}}\n#bla,{{separator}}#foo {\n\tcolor: green\n}' },
|
||||
{ input: '@media print {.tab{}}', output: '@media print {\n\t.tab {}\n}' },
|
||||
{ input: '#bla, #foo{color:green}', output: '#bla,{{separator}}#foo {\n color: green\n}' },
|
||||
{ input: '#bla, #foo{color:green}\n#bla, #foo{color:green}', output: '#bla,{{separator}}#foo {\n color: green\n}{{new_rule}}\n#bla,{{separator}}#foo {\n color: green\n}' },
|
||||
{ input: '@media print {.tab{}}', output: '@media print {\n .tab {}\n}' },
|
||||
|
||||
{
|
||||
comment: 'This is bug #1489',
|
||||
input: '@media print {.tab,.bat{}}',
|
||||
output: '@media print {\n{{first_nested_rule}}\t.tab,{{separator1}}.bat {}\n}'
|
||||
output: '@media print {\n{{first_nested_rule}} .tab,{{separator1}}.bat {}\n}'
|
||||
},
|
||||
{
|
||||
comment: 'This is bug #1489',
|
||||
input: '@media print {// comment\n//comment 2\n.bat{}}',
|
||||
output: '@media print {\n{{new_rule}}\t// comment\n\t//comment 2\n\t.bat {}\n}'
|
||||
output: '@media print {\n{{new_rule}} // comment\n //comment 2\n .bat {}\n}'
|
||||
},
|
||||
{ input: '#bla, #foo{color:black}', output: '#bla,{{separator}}#foo {\n\tcolor: black\n}' }, {
|
||||
{ input: '#bla, #foo{color:black}', output: '#bla,{{separator}}#foo {\n color: black\n}' }, {
|
||||
input: 'a:first-child,a:first-child{color:red;div:first-child,div:hover{color:black;}}\na:first-child,a:first-child{color:red;div:first-child,div:hover{color:black;}}',
|
||||
output: 'a:first-child,{{separator}}a:first-child {\n\tcolor: red;{{new_rule}}\n\tdiv:first-child,{{separator1}}div:hover {\n\t\tcolor: black;\n\t}\n}\n{{new_rule}}a:first-child,{{separator}}a:first-child {\n\tcolor: red;{{new_rule}}\n\tdiv:first-child,{{separator1}}div:hover {\n\t\tcolor: black;\n\t}\n}'
|
||||
output: 'a:first-child,{{separator}}a:first-child {\n color: red;{{new_rule}}\n div:first-child,{{separator1}}div:hover {\n color: black;\n }\n}\n{{new_rule}}a:first-child,{{separator}}a:first-child {\n color: red;{{new_rule}}\n div:first-child,{{separator1}}div:hover {\n color: black;\n }\n}'
|
||||
}
|
||||
]
|
||||
}, {
|
||||
@ -381,7 +381,7 @@ exports.test_data = {
|
||||
}],
|
||||
tests: [
|
||||
{ input: '.div {}{{separator_input}}.span {}', output: '.div {}{{separator_output}}.span {}' },
|
||||
{ input: '#bla, #foo{\n\tcolor:black;{{separator_input}}\tfont-size: 12px;\n}', output: '#bla,\n#foo {\n\tcolor: black;{{separator_output}}\tfont-size: 12px;\n}' }
|
||||
{ input: '#bla, #foo{\n color:black;{{separator_input}} font-size: 12px;\n}', output: '#bla,\n#foo {\n color: black;{{separator_output}} font-size: 12px;\n}' }
|
||||
]
|
||||
},
|
||||
{
|
||||
@ -393,30 +393,30 @@ exports.test_data = {
|
||||
],
|
||||
tests: [
|
||||
{ input: '.div {}.span {}', output: '.div {}\n\n.span {}' },
|
||||
{ input: '#bla, #foo{\n\tcolor:black;\n\tfont-size: 12px;\n}', output: '#bla,\n#foo {\n\tcolor: black;\n\tfont-size: 12px;\n}' },
|
||||
{ input: '#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}' },
|
||||
{ unchanged: '#bla,\n\n#foo {\n\tcolor: black;\n\tfont-size: 12px;\n}' },
|
||||
{ unchanged: 'a {\n\tb: c;\n\n\n\td: {\n\t\te: f;\n\t}\n}' },
|
||||
{ input: '#bla, #foo{\n color:black;\n font-size: 12px;\n}', output: '#bla,\n#foo {\n color: black;\n font-size: 12px;\n}' },
|
||||
{ input: '#bla, #foo{\n color:black;\n\n\n font-size: 12px;\n}', output: '#bla,\n#foo {\n color: black;\n\n\n font-size: 12px;\n}' },
|
||||
{ unchanged: '#bla,\n\n#foo {\n color: black;\n font-size: 12px;\n}' },
|
||||
{ unchanged: 'a {\n b: c;\n\n\n d: {\n e: f;\n }\n}' },
|
||||
{ unchanged: '.div {}\n\n.span {}' },
|
||||
{ unchanged: 'html {}\n\n/*this is a comment*/' },
|
||||
{ unchanged: '.div {\n\ta: 1;\n\n\n\tb: 2;\n}\n\n\n\n.span {\n\ta: 1;\n}' },
|
||||
{ unchanged: '.div {\n\n\n\ta: 1;\n\n\n\tb: 2;\n}\n\n\n\n.span {\n\ta: 1;\n}' },
|
||||
{ unchanged: '@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 {}' }
|
||||
{ unchanged: '.div {\n a: 1;\n\n\n b: 2;\n}\n\n\n\n.span {\n a: 1;\n}' },
|
||||
{ unchanged: '.div {\n\n\n a: 1;\n\n\n b: 2;\n}\n\n\n\n.span {\n a: 1;\n}' },
|
||||
{ unchanged: '@media screen {\n .div {\n a: 1;\n\n\n b: 2;\n }\n\n\n\n .span {\n a: 1;\n }\n}\n\n.div {}\n\n.span {}' }
|
||||
]
|
||||
}, {
|
||||
name: "Preserve Newlines and add tabs",
|
||||
options: [{ name: "preserve_newlines", value: "true" }],
|
||||
description: "",
|
||||
tests: [{
|
||||
input: '.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}'
|
||||
input: '.tool-tip {\n position: relative;\n\n \n .tool-tip-content {\n &>* {\n margin-top: 0;\n }\n \n\n .mixin-box-shadow(.2rem .2rem .5rem rgba(0, 0, 0, .15));\n padding: 1rem;\n position: absolute;\n z-index: 10;\n }\n}',
|
||||
output: '.tool-tip {\n position: relative;\n\n\n .tool-tip-content {\n &>* {\n margin-top: 0;\n }\n\\n\\n .mixin-box-shadow(.2rem .2rem .5rem rgba(0, 0, 0, .15));\n padding: 1rem;\n position: absolute;\n z-index: 10;\n }\n}'
|
||||
}]
|
||||
}, {
|
||||
name: "Issue #1338 -- Preserve Newlines within CSS rules",
|
||||
options: [{ name: "preserve_newlines", value: "true" }],
|
||||
description: "",
|
||||
tests: [{
|
||||
unchanged: 'body {\n\tgrid-template-areas:\n\t\t"header header"\n\t\t"main sidebar"\n\t\t"footer footer";\n}'
|
||||
unchanged: 'body {\n grid-template-areas:\n "header header"\n "main sidebar"\n "footer footer";\n}'
|
||||
}]
|
||||
}, {
|
||||
name: "Newline Between Rules",
|
||||
@ -438,23 +438,23 @@ exports.test_data = {
|
||||
{ input: '.div {} \n \n.span { } \n', output: '.div {}\n{{new_rule}}.span {}' },
|
||||
{ input: '.div {\n \n} \n .span {\n } ', output: '.div {}\n{{new_rule}}.span {}' },
|
||||
{
|
||||
input: '.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{{new_rule}}.div {\n\theight: 15px;\n}'
|
||||
input: '.selector1 {\n margin: 0; /* This is a comment including an url http://domain.com/path/to/file.ext */\n}\n.div{height:15px;}',
|
||||
output: '.selector1 {\n margin: 0;\n /* This is a comment including an url http://domain.com/path/to/file.ext */\n}\n{{new_rule}}.div {\n height: 15px;\n}'
|
||||
},
|
||||
{ input: '.tabs{width:10px;//end of line comment\nheight:10px;//another\n}\n.div{height:15px;}', output: '.tabs {\n\twidth: 10px; //end of line comment\n\theight: 10px; //another\n}\n{{new_rule}}.div {\n\theight: 15px;\n}' },
|
||||
{ input: '#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{{new_rule}}\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{{new_rule}}.div {\n\theight: 15px;\n}' },
|
||||
{ input: '@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{{new_rule}}\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{{new_rule}}.div {\n\theight: 15px;\n}' },
|
||||
{ input: '@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{{new_rule}}@media screen {\n\t#foo:hover {\n\t\tbackground-image: url(foo.png);\n\t}\n{{new_rule}}\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{{new_rule}}\t\t#foo:hover {\n\t\t\tbackground-image: url(foo@2x.png);\n\t\t}\n\t}\n}' },
|
||||
{ input: 'a:first-child{color:red;div:first-child{color:black;}}\n.div{height:15px;}', output: 'a:first-child {\n\tcolor: red;\n{{new_rule}}\tdiv:first-child {\n\t\tcolor: black;\n\t}\n}\n{{new_rule}}.div {\n\theight: 15px;\n}' },
|
||||
{ input: 'a:first-child{color:red;div:not(.peq){color:black;}}\n.div{height:15px;}', output: 'a:first-child {\n\tcolor: red;\n{{new_rule}}\tdiv:not(.peq) {\n\t\tcolor: black;\n\t}\n}\n{{new_rule}}.div {\n\theight: 15px;\n}' },
|
||||
{ input: '.tabs{width:10px;//end of line comment\nheight:10px;//another\n}\n.div{height:15px;}', output: '.tabs {\n width: 10px; //end of line comment\n height: 10px; //another\n}\n{{new_rule}}.div {\n height: 15px;\n}' },
|
||||
{ input: '#foo {\n background-image: url(foo@2x.png);\n @font-face {\n font-family: "Bitstream Vera Serif Bold";\n src: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");\n }\n}\n.div{height:15px;}', output: '#foo {\n background-image: url(foo@2x.png);\n{{new_rule}} @font-face {\n font-family: "Bitstream Vera Serif Bold";\n src: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");\n }\n}\n{{new_rule}}.div {\n height: 15px;\n}' },
|
||||
{ input: '@media screen {\n #foo:hover {\n background-image: url(foo@2x.png);\n }\n @font-face {\n font-family: "Bitstream Vera Serif Bold";\n src: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");\n }\n}\n.div{height:15px;}', output: '@media screen {\n #foo:hover {\n background-image: url(foo@2x.png);\n }\n{{new_rule}} @font-face {\n font-family: "Bitstream Vera Serif Bold";\n src: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");\n }\n}\n{{new_rule}}.div {\n height: 15px;\n}' },
|
||||
{ input: '@font-face {\n font-family: "Bitstream Vera Serif Bold";\n src: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");\n}\n@media screen {\n #foo:hover {\n background-image: url(foo.png);\n }\n @media screen and (min-device-pixel-ratio: 2) {\n @font-face {\n font-family: "Helvetica Neue"\n }\n #foo:hover {\n background-image: url(foo@2x.png);\n }\n }\n}', output: '@font-face {\n font-family: "Bitstream Vera Serif Bold";\n src: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");\n}\n{{new_rule}}@media screen {\n #foo:hover {\n background-image: url(foo.png);\n }\n{{new_rule}} @media screen and (min-device-pixel-ratio: 2) {\n @font-face {\n font-family: "Helvetica Neue"\n }\n{{new_rule}} #foo:hover {\n background-image: url(foo@2x.png);\n }\n }\n}' },
|
||||
{ input: 'a:first-child{color:red;div:first-child{color:black;}}\n.div{height:15px;}', output: 'a:first-child {\n color: red;\n{{new_rule}} div:first-child {\n color: black;\n }\n}\n{{new_rule}}.div {\n height: 15px;\n}' },
|
||||
{ input: 'a:first-child{color:red;div:not(.peq){color:black;}}\n.div{height:15px;}', output: 'a:first-child {\n color: red;\n{{new_rule}} div:not(.peq) {\n color: black;\n }\n}\n{{new_rule}}.div {\n height: 15px;\n}' },
|
||||
{
|
||||
input_: [
|
||||
'.list-group {',
|
||||
'\t.list-group-item {',
|
||||
'\t}',
|
||||
' .list-group-item {',
|
||||
' }',
|
||||
'',
|
||||
'\t.list-group-icon {',
|
||||
'\t}',
|
||||
' .list-group-icon {',
|
||||
' }',
|
||||
'}',
|
||||
'',
|
||||
'.list-group-condensed {',
|
||||
@ -462,8 +462,8 @@ exports.test_data = {
|
||||
],
|
||||
output: [
|
||||
'.list-group {',
|
||||
'\t.list-group-item {}',
|
||||
'{{new_rule}}\t.list-group-icon {}',
|
||||
' .list-group-item {}',
|
||||
'{{new_rule}} .list-group-icon {}',
|
||||
'}',
|
||||
'{{new_rule}}.list-group-condensed {}'
|
||||
]
|
||||
@ -471,30 +471,30 @@ exports.test_data = {
|
||||
{
|
||||
input_: [
|
||||
'.list-group {',
|
||||
'\t.list-group-item {',
|
||||
'\t\ta:1',
|
||||
'\t}',
|
||||
'\t.list-group-item {',
|
||||
'\t\ta:1',
|
||||
'\t}',
|
||||
'\t.list-group-icon {',
|
||||
'\t}',
|
||||
'\t.list-group-icon {',
|
||||
'\t}',
|
||||
' .list-group-item {',
|
||||
' a:1',
|
||||
' }',
|
||||
' .list-group-item {',
|
||||
' a:1',
|
||||
' }',
|
||||
' .list-group-icon {',
|
||||
' }',
|
||||
' .list-group-icon {',
|
||||
' }',
|
||||
'}',
|
||||
'.list-group-condensed {',
|
||||
'}'
|
||||
],
|
||||
output: [
|
||||
'.list-group {',
|
||||
'\t.list-group-item {',
|
||||
'\t\ta: 1',
|
||||
'\t}',
|
||||
'{{new_rule}}\t.list-group-item {',
|
||||
'\t\ta: 1',
|
||||
'\t}',
|
||||
'{{new_rule}}\t.list-group-icon {}',
|
||||
'{{new_rule}}\t.list-group-icon {}',
|
||||
' .list-group-item {',
|
||||
' a: 1',
|
||||
' }',
|
||||
'{{new_rule}} .list-group-item {',
|
||||
' a: 1',
|
||||
' }',
|
||||
'{{new_rule}} .list-group-icon {}',
|
||||
'{{new_rule}} .list-group-icon {}',
|
||||
'}',
|
||||
'{{new_rule}}.list-group-condensed {}'
|
||||
]
|
||||
@ -502,36 +502,36 @@ exports.test_data = {
|
||||
{
|
||||
input_: [
|
||||
'.list-group {',
|
||||
'\t.list-group-item {',
|
||||
'\t\ta:1',
|
||||
'\t}',
|
||||
'\t//this is my pre-comment',
|
||||
'\t.list-group-item {',
|
||||
'\t\ta:1',
|
||||
'\t}',
|
||||
'\t//this is a comment',
|
||||
'\t.list-group-icon {',
|
||||
'\t}',
|
||||
'\t//this is also a comment',
|
||||
'\t.list-group-icon {',
|
||||
'\t}',
|
||||
' .list-group-item {',
|
||||
' a:1',
|
||||
' }',
|
||||
' //this is my pre-comment',
|
||||
' .list-group-item {',
|
||||
' a:1',
|
||||
' }',
|
||||
' //this is a comment',
|
||||
' .list-group-icon {',
|
||||
' }',
|
||||
' //this is also a comment',
|
||||
' .list-group-icon {',
|
||||
' }',
|
||||
'}',
|
||||
'.list-group-condensed {',
|
||||
'}'
|
||||
],
|
||||
output: [
|
||||
'.list-group {',
|
||||
'\t.list-group-item {',
|
||||
'\t\ta: 1',
|
||||
'\t}',
|
||||
'{{new_rule}}\t//this is my pre-comment',
|
||||
'\t.list-group-item {',
|
||||
'\t\ta: 1',
|
||||
'\t}',
|
||||
'{{new_rule}}\t//this is a comment',
|
||||
'\t.list-group-icon {}',
|
||||
'{{new_rule}}\t//this is also a comment',
|
||||
'\t.list-group-icon {}',
|
||||
' .list-group-item {',
|
||||
' a: 1',
|
||||
' }',
|
||||
'{{new_rule}} //this is my pre-comment',
|
||||
' .list-group-item {',
|
||||
' a: 1',
|
||||
' }',
|
||||
'{{new_rule}} //this is a comment',
|
||||
' .list-group-icon {}',
|
||||
'{{new_rule}} //this is also a comment',
|
||||
' .list-group-icon {}',
|
||||
'}',
|
||||
'{{new_rule}}.list-group-condensed {}'
|
||||
]
|
||||
@ -539,20 +539,20 @@ exports.test_data = {
|
||||
{
|
||||
input_: [
|
||||
'.list-group {',
|
||||
'\tcolor: #38a0e5;',
|
||||
'\t.list-group-item {',
|
||||
'\t\ta:1',
|
||||
'\t}',
|
||||
'\tcolor: #38a0e5;',
|
||||
'\t.list-group-item {',
|
||||
'\t\ta:1',
|
||||
'\t}',
|
||||
' color: #38a0e5;',
|
||||
' .list-group-item {',
|
||||
' a:1',
|
||||
' }',
|
||||
' color: #38a0e5;',
|
||||
' .list-group-item {',
|
||||
' a:1',
|
||||
' }',
|
||||
'color: #38a0e5;',
|
||||
'\t.list-group-icon {',
|
||||
'\t}',
|
||||
'\tcolor: #38a0e5;',
|
||||
'\t.list-group-icon {',
|
||||
'\t}',
|
||||
' .list-group-icon {',
|
||||
' }',
|
||||
' color: #38a0e5;',
|
||||
' .list-group-icon {',
|
||||
' }',
|
||||
'}',
|
||||
'color: #38a0e5;',
|
||||
'.list-group-condensed {',
|
||||
@ -560,18 +560,18 @@ exports.test_data = {
|
||||
],
|
||||
output: [
|
||||
'.list-group {',
|
||||
'\tcolor: #38a0e5;',
|
||||
'{{new_rule}}\t.list-group-item {',
|
||||
'\t\ta: 1',
|
||||
'\t}',
|
||||
'{{new_rule}}\tcolor: #38a0e5;',
|
||||
'{{new_rule}}\t.list-group-item {',
|
||||
'\t\ta: 1',
|
||||
'\t}',
|
||||
'{{new_rule}}\tcolor: #38a0e5;',
|
||||
'{{new_rule}}\t.list-group-icon {}',
|
||||
'{{new_rule}}\tcolor: #38a0e5;',
|
||||
'{{new_rule}}\t.list-group-icon {}',
|
||||
' color: #38a0e5;',
|
||||
'{{new_rule}} .list-group-item {',
|
||||
' a: 1',
|
||||
' }',
|
||||
'{{new_rule}} color: #38a0e5;',
|
||||
'{{new_rule}} .list-group-item {',
|
||||
' a: 1',
|
||||
' }',
|
||||
'{{new_rule}} color: #38a0e5;',
|
||||
'{{new_rule}} .list-group-icon {}',
|
||||
'{{new_rule}} color: #38a0e5;',
|
||||
'{{new_rule}} .list-group-icon {}',
|
||||
'}',
|
||||
'{{new_rule}}color: #38a0e5;',
|
||||
'{{new_rule}}.list-group-condensed {}'
|
||||
@ -594,66 +594,66 @@ exports.test_data = {
|
||||
],
|
||||
output: [
|
||||
'@media only screen and (max-width: 40em) {',
|
||||
'\theader {',
|
||||
'\t\tmargin: 0 auto;',
|
||||
'\t\tpadding: 10px;',
|
||||
'\t\tbackground: red;',
|
||||
'\t}',
|
||||
'{{new_rule}}\tmain {',
|
||||
'\t\tmargin: 20px auto;',
|
||||
'\t\tpadding: 4px;',
|
||||
'\t\tbackground: blue;',
|
||||
'\t}',
|
||||
' header {',
|
||||
' margin: 0 auto;',
|
||||
' padding: 10px;',
|
||||
' background: red;',
|
||||
' }',
|
||||
'{{new_rule}} main {',
|
||||
' margin: 20px auto;',
|
||||
' padding: 4px;',
|
||||
' background: blue;',
|
||||
' }',
|
||||
'}'
|
||||
]
|
||||
},
|
||||
{
|
||||
input_: [
|
||||
'.preloader {',
|
||||
'\theight: 20px;',
|
||||
'\t.line {',
|
||||
'\t\twidth: 1px;',
|
||||
'\t\theight: 12px;',
|
||||
'\t\tbackground: #38a0e5;',
|
||||
'\t\tmargin: 0 1px;',
|
||||
'\t\tdisplay: inline-block;',
|
||||
'\t\t&.line-1 {',
|
||||
'\t\t\tanimation-delay: 800ms;',
|
||||
'\t\t}',
|
||||
'\t\t&.line-2 {',
|
||||
'\t\t\tanimation-delay: 600ms;',
|
||||
'\t\t}',
|
||||
'\t}',
|
||||
'\tdiv {',
|
||||
'\t\tcolor: #38a0e5;',
|
||||
'\t\tfont-family: "Arial", sans-serif;',
|
||||
'\t\tfont-size: 10px;',
|
||||
'\t\tmargin: 5px 0;',
|
||||
'\t}',
|
||||
' height: 20px;',
|
||||
' .line {',
|
||||
' width: 1px;',
|
||||
' height: 12px;',
|
||||
' background: #38a0e5;',
|
||||
' margin: 0 1px;',
|
||||
' display: inline-block;',
|
||||
' &.line-1 {',
|
||||
' animation-delay: 800ms;',
|
||||
' }',
|
||||
' &.line-2 {',
|
||||
' animation-delay: 600ms;',
|
||||
' }',
|
||||
' }',
|
||||
' div {',
|
||||
' color: #38a0e5;',
|
||||
' font-family: "Arial", sans-serif;',
|
||||
' font-size: 10px;',
|
||||
' margin: 5px 0;',
|
||||
' }',
|
||||
'}'
|
||||
],
|
||||
output: [
|
||||
'.preloader {',
|
||||
'\theight: 20px;',
|
||||
'{{new_rule}}\t.line {',
|
||||
'\t\twidth: 1px;',
|
||||
'\t\theight: 12px;',
|
||||
'\t\tbackground: #38a0e5;',
|
||||
'\t\tmargin: 0 1px;',
|
||||
'\t\tdisplay: inline-block;',
|
||||
'{{new_rule}}\t\t&.line-1 {',
|
||||
'\t\t\tanimation-delay: 800ms;',
|
||||
'\t\t}',
|
||||
'{{new_rule}}\t\t&.line-2 {',
|
||||
'\t\t\tanimation-delay: 600ms;',
|
||||
'\t\t}',
|
||||
'\t}',
|
||||
'{{new_rule}}\tdiv {',
|
||||
'\t\tcolor: #38a0e5;',
|
||||
'\t\tfont-family: "Arial", sans-serif;',
|
||||
'\t\tfont-size: 10px;',
|
||||
'\t\tmargin: 5px 0;',
|
||||
'\t}',
|
||||
' height: 20px;',
|
||||
'{{new_rule}} .line {',
|
||||
' width: 1px;',
|
||||
' height: 12px;',
|
||||
' background: #38a0e5;',
|
||||
' margin: 0 1px;',
|
||||
' display: inline-block;',
|
||||
'{{new_rule}} &.line-1 {',
|
||||
' animation-delay: 800ms;',
|
||||
' }',
|
||||
'{{new_rule}} &.line-2 {',
|
||||
' animation-delay: 600ms;',
|
||||
' }',
|
||||
' }',
|
||||
'{{new_rule}} div {',
|
||||
' color: #38a0e5;',
|
||||
' font-family: "Arial", sans-serif;',
|
||||
' font-size: 10px;',
|
||||
' margin: 5px 0;',
|
||||
' }',
|
||||
'}'
|
||||
]
|
||||
}
|
||||
@ -668,8 +668,8 @@ exports.test_data = {
|
||||
{ input: '.tabs(pa, pa(1,2)), .cols { }', output: '.tabs(pa, pa(1, 2)),\n.cols {}' },
|
||||
{ input: '.tabs ( ) { }', output: '.tabs () {}' },
|
||||
{ input: '.tabs( ) { }', output: '.tabs() {}' },
|
||||
{ input: '.tabs (t, t2) \n{\n key: val(p1 ,p2); \n }', output: '.tabs (t, t2) {\n\tkey: val(p1, p2);\n}' },
|
||||
{ unchanged: '.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}' }
|
||||
{ input: '.tabs (t, t2) \n{\n key: val(p1 ,p2); \n }', output: '.tabs (t, t2) {\n key: val(p1, p2);\n}' },
|
||||
{ unchanged: '.box-shadow(@shadow: 0 1px 3px rgba(0, 0, 0, .25)) {\n -webkit-box-shadow: @shadow;\n -moz-box-shadow: @shadow;\n box-shadow: @shadow;\n}' }
|
||||
]
|
||||
}, {
|
||||
name: "Beautify preserve formatting",
|
||||
@ -1017,8 +1017,8 @@ exports.test_data = {
|
||||
{ name: "preserve_newlines", value: "false" },
|
||||
{ name: "newline_between_rules", value: "false" }
|
||||
],
|
||||
i: '\n\t\t\n \n',
|
||||
i1: '\n\t\t\t\n \n',
|
||||
i: '\n \n \n',
|
||||
i1: '\n \n \n',
|
||||
o: '\n',
|
||||
new_rule: '\n'
|
||||
}, {
|
||||
@ -1044,8 +1044,8 @@ exports.test_data = {
|
||||
{ name: "preserve_newlines", value: "true" },
|
||||
{ name: "newline_between_rules", value: "false" }
|
||||
],
|
||||
i: '\n\t\t\n \n',
|
||||
i1: '\n\t\t\t\n \n',
|
||||
i: '\n \n \n',
|
||||
i1: '\n \n \n',
|
||||
o: '\n\n\n',
|
||||
new_rule: '\n\n\n'
|
||||
}, {
|
||||
@ -1080,8 +1080,8 @@ exports.test_data = {
|
||||
{ name: "preserve_newlines", value: "false" },
|
||||
{ name: "newline_between_rules", value: "true" }
|
||||
],
|
||||
i: '\n\t\t\n \n',
|
||||
i1: '\n\t\t\t\n \n',
|
||||
i: '\n \n \n',
|
||||
i1: '\n \n \n',
|
||||
o: '\n',
|
||||
new_rule: '\n\n'
|
||||
}, {
|
||||
@ -1116,8 +1116,8 @@ exports.test_data = {
|
||||
{ name: "preserve_newlines", value: "true" },
|
||||
{ name: "newline_between_rules", value: "true" }
|
||||
],
|
||||
i: '\n\t\t\n \n',
|
||||
i1: '\n\t\t\t\n \n',
|
||||
i: '\n \n \n',
|
||||
i1: '\n \n \n',
|
||||
o: '\n\n\n',
|
||||
new_rule: '\n\n\n'
|
||||
}],
|
||||
@ -1131,41 +1131,41 @@ exports.test_data = {
|
||||
'@import "custom.css";<new_rule>.rule {}'
|
||||
]
|
||||
},
|
||||
{ input: '.tabs{<i>/* test */<i>}', output: '.tabs {<o>\t/* test */<o>}' },
|
||||
{ input: '.tabs{<i>/* test */<i>}', output: '.tabs {<o> /* test */<o>}' },
|
||||
{
|
||||
comment: '#1185',
|
||||
input: '/* header */<i>.tabs{}',
|
||||
output: '/* header */<o>.tabs {}'
|
||||
},
|
||||
{ input: '.tabs {<i>/* non-header */<i>width:10px;<i>}', output: '.tabs {<o>\t/* non-header */<o>\twidth: 10px;<o>}' },
|
||||
{ input: '.tabs {<i>/* non-header */<i>width:10px;<i>}', output: '.tabs {<o> /* non-header */<o> width: 10px;<o>}' },
|
||||
{ unchanged: '/* header' },
|
||||
{ unchanged: '// comment' },
|
||||
{ unchanged: '/*' },
|
||||
{ unchanged: '//' },
|
||||
{
|
||||
input: '.selector1 {<i>margin: 0;<i>/* This is a comment including an url http://domain.com/path/to/file.ext */<i>}',
|
||||
output: '.selector1 {<o>\tmargin: 0;<o>\t/* This is a comment including an url http://domain.com/path/to/file.ext */<o>}'
|
||||
output: '.selector1 {<o> margin: 0;<o> /* This is a comment including an url http://domain.com/path/to/file.ext */<o>}'
|
||||
},
|
||||
|
||||
{
|
||||
comment: "single line comment support (less/sass)",
|
||||
input: '.tabs{<i>// comment<i1>width:10px;<i>}',
|
||||
output: '.tabs {<o>\t// comment<o>\twidth: 10px;<o>}'
|
||||
output: '.tabs {<o> // comment<o> width: 10px;<o>}'
|
||||
},
|
||||
{ input: '.tabs{<i>// comment<i1>width:10px;<i>}', output: '.tabs {<o>\t// comment<o>\twidth: 10px;<o>}' },
|
||||
{ input: '//comment<i1>.tabs{<i>width:10px;<i>}', output: '//comment<o>.tabs {<o>\twidth: 10px;<o>}' },
|
||||
{ input: '.tabs{<i>//comment<i1>//2nd single line comment<i1>width:10px;<i>}', output: '.tabs {<o>\t//comment<o>\t//2nd single line comment<o>\twidth: 10px;<o>}' },
|
||||
{ input: '.tabs{<i>width:10px;//end of line comment<i1>}', output: '.tabs {<o>\twidth: 10px; //end of line comment<o>}' },
|
||||
{ input: '.tabs{<i>width:10px;//end of line comment<i1>height:10px;<i>}', output: '.tabs {<o>\twidth: 10px; //end of line comment<o>\theight: 10px;<o>}' },
|
||||
{ input: '.tabs{<i>width:10px;//end of line comment<i1>height:10px;//another nl<i1>}', output: '.tabs {<o>\twidth: 10px; //end of line comment<o>\theight: 10px; //another nl<o>}' },
|
||||
{ input: '.tabs{<i>// comment<i1>width:10px;<i>}', output: '.tabs {<o> // comment<o> width: 10px;<o>}' },
|
||||
{ input: '//comment<i1>.tabs{<i>width:10px;<i>}', output: '//comment<o>.tabs {<o> width: 10px;<o>}' },
|
||||
{ input: '.tabs{<i>//comment<i1>//2nd single line comment<i1>width:10px;<i>}', output: '.tabs {<o> //comment<o> //2nd single line comment<o> width: 10px;<o>}' },
|
||||
{ input: '.tabs{<i>width:10px;//end of line comment<i1>}', output: '.tabs {<o> width: 10px; //end of line comment<o>}' },
|
||||
{ input: '.tabs{<i>width:10px;//end of line comment<i1>height:10px;<i>}', output: '.tabs {<o> width: 10px; //end of line comment<o> height: 10px;<o>}' },
|
||||
{ input: '.tabs{<i>width:10px;//end of line comment<i1>height:10px;//another nl<i1>}', output: '.tabs {<o> width: 10px; //end of line comment<o> height: 10px; //another nl<o>}' },
|
||||
{
|
||||
input: '.tabs{<i>width: 10px; // comment follows rule<i1>// another comment new line<i1>}',
|
||||
output: '.tabs {<o>\twidth: 10px; // comment follows rule<o>\t// another comment new line<o>}'
|
||||
output: '.tabs {<o> width: 10px; // comment follows rule<o> // another comment new line<o>}'
|
||||
},
|
||||
{
|
||||
comment: '#1165',
|
||||
input: '.tabs{<i>width: 10px;<i1>\t\t// comment follows rule<i1>// another comment new line<i1>}',
|
||||
output: '.tabs {<o>\twidth: 10px;<o>\t// comment follows rule<o>\t// another comment new line<o>}'
|
||||
input: '.tabs{<i>width: 10px;<i1> // comment follows rule<i1>// another comment new line<i1>}',
|
||||
output: '.tabs {<o> width: 10px;<o> // comment follows rule<o> // another comment new line<o>}'
|
||||
},
|
||||
|
||||
{
|
||||
@ -1176,7 +1176,7 @@ exports.test_data = {
|
||||
{
|
||||
comment: "#1348",
|
||||
input: '.demoa1 {<i>text-align:left; //demoa1 instructions for LESS note visibility only<i1>}<i>.demob {<i>text-align: right;<i>}',
|
||||
output: '.demoa1 {<o>\ttext-align: left; //demoa1 instructions for LESS note visibility only<o>}<new_rule>.demob {<o>\ttext-align: right;<o>}'
|
||||
output: '.demoa1 {<o> text-align: left; //demoa1 instructions for LESS note visibility only<o>}<new_rule>.demob {<o> text-align: right;<o>}'
|
||||
},
|
||||
{
|
||||
comment: "#1440",
|
||||
@ -1189,15 +1189,15 @@ exports.test_data = {
|
||||
],
|
||||
output: [
|
||||
'#search-text {',
|
||||
'\twidth: 43%;',
|
||||
'\t// height: 100%;',
|
||||
'\tborder: none;',
|
||||
' width: 43%;',
|
||||
' // height: 100%;',
|
||||
' border: none;',
|
||||
'}'
|
||||
]
|
||||
},
|
||||
{
|
||||
input: '.demoa2 {<i>text-align:left;<i>}<i>//demob instructions for LESS note visibility only<i1>.demob {<i>text-align: right}',
|
||||
output: '.demoa2 {<o>\ttext-align: left;<o>}<new_rule>//demob instructions for LESS note visibility only<o>.demob {<o>\ttext-align: right\n}'
|
||||
output: '.demoa2 {<o> text-align: left;<o>}<new_rule>//demob instructions for LESS note visibility only<o>.demob {<o> text-align: right\n}'
|
||||
},
|
||||
{
|
||||
comment: 'new lines between rules - #531 and #857',
|
||||
@ -1214,31 +1214,31 @@ exports.test_data = {
|
||||
},
|
||||
{
|
||||
input: '.selector1 {<i>margin: 0; <i>/* This is a comment including an url http://domain.com/path/to/file.ext */<i>}<i1>.div{<i>height:15px;<i>}',
|
||||
output: '.selector1 {<o>\tmargin: 0;<o>\t/* This is a comment including an url http://domain.com/path/to/file.ext */<o>}<new_rule>.div {<o>\theight: 15px;<o>}'
|
||||
output: '.selector1 {<o> margin: 0;<o> /* This is a comment including an url http://domain.com/path/to/file.ext */<o>}<new_rule>.div {<o> height: 15px;<o>}'
|
||||
},
|
||||
{
|
||||
input: '.tabs{<i>width:10px;//end of line comment<i1>height:10px;//another<i1>}<i>.div{<i>height:15px;<i>}',
|
||||
output: '.tabs {<o>\twidth: 10px; //end of line comment<o>\theight: 10px; //another<o>}<new_rule>.div {<o>\theight: 15px;<o>}'
|
||||
output: '.tabs {<o> width: 10px; //end of line comment<o> height: 10px; //another<o>}<new_rule>.div {<o> height: 15px;<o>}'
|
||||
},
|
||||
{
|
||||
input: '#foo {<i>background-image: url(foo@2x.png);<i>\t@font-face {<i>\t\tfont-family: "Bitstream Vera Serif Bold";<i>\t\tsrc: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");<i>\t}<i>}<i>.div{<i>height:15px;<i>}',
|
||||
output: '#foo {<o>\tbackground-image: url(foo@2x.png);<new_rule>\t@font-face {<o>\t\tfont-family: "Bitstream Vera Serif Bold";<o>\t\tsrc: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");<o>\t}<o>}<new_rule>.div {<o>\theight: 15px;<o>}'
|
||||
input: '#foo {<i>background-image: url(foo@2x.png);<i> @font-face {<i> font-family: "Bitstream Vera Serif Bold";<i> src: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");<i> }<i>}<i>.div{<i>height:15px;<i>}',
|
||||
output: '#foo {<o> background-image: url(foo@2x.png);<new_rule> @font-face {<o> font-family: "Bitstream Vera Serif Bold";<o> src: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");<o> }<o>}<new_rule>.div {<o> height: 15px;<o>}'
|
||||
},
|
||||
{
|
||||
input: '@media screen {<i>\t#foo:hover {<i>\t\tbackground-image: url(foo@2x.png);<i>\t}<i>\t@font-face {<i>\t\tfont-family: "Bitstream Vera Serif Bold";<i>\t\tsrc: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");<i>\t}<i>}<i>.div{<i>height:15px;<i>}',
|
||||
output: '@media screen {<o>\t#foo:hover {<o>\t\tbackground-image: url(foo@2x.png);<o>\t}<new_rule>\t@font-face {<o>\t\tfont-family: "Bitstream Vera Serif Bold";<o>\t\tsrc: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");<o>\t}<o>}<new_rule>.div {<o>\theight: 15px;<o>}'
|
||||
input: '@media screen {<i> #foo:hover {<i> background-image: url(foo@2x.png);<i> }<i> @font-face {<i> font-family: "Bitstream Vera Serif Bold";<i> src: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");<i> }<i>}<i>.div{<i>height:15px;<i>}',
|
||||
output: '@media screen {<o> #foo:hover {<o> background-image: url(foo@2x.png);<o> }<new_rule> @font-face {<o> font-family: "Bitstream Vera Serif Bold";<o> src: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");<o> }<o>}<new_rule>.div {<o> height: 15px;<o>}'
|
||||
},
|
||||
{
|
||||
input: '@font-face {<i>\tfont-family: "Bitstream Vera Serif Bold";<i>\tsrc: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");<i>}<i1>@media screen {<i>\t#foo:hover {<i>\t\tbackground-image: url(foo.png);<i>\t}<i>\t@media screen and (min-device-pixel-ratio: 2) {<i>\t\t@font-face {<i>\t\t\tfont-family: "Helvetica Neue";<i>\t\t}<i>\t\t#foo:hover {<i>\t\t\tbackground-image: url(foo@2x.png);<i>\t\t}<i>\t}<i>}',
|
||||
output: '@font-face {<o>\tfont-family: "Bitstream Vera Serif Bold";<o>\tsrc: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");<o>}<new_rule>@media screen {<o>\t#foo:hover {<o>\t\tbackground-image: url(foo.png);<o>\t}<new_rule>\t@media screen and (min-device-pixel-ratio: 2) {<o>\t\t@font-face {<o>\t\t\tfont-family: "Helvetica Neue";<o>\t\t}<new_rule>\t\t#foo:hover {<o>\t\t\tbackground-image: url(foo@2x.png);<o>\t\t}<o>\t}<o>}'
|
||||
input: '@font-face {<i> font-family: "Bitstream Vera Serif Bold";<i> src: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");<i>}<i1>@media screen {<i> #foo:hover {<i> background-image: url(foo.png);<i> }<i> @media screen and (min-device-pixel-ratio: 2) {<i> @font-face {<i> font-family: "Helvetica Neue";<i> }<i> #foo:hover {<i> background-image: url(foo@2x.png);<i> }<i> }<i>}',
|
||||
output: '@font-face {<o> font-family: "Bitstream Vera Serif Bold";<o> src: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf");<o>}<new_rule>@media screen {<o> #foo:hover {<o> background-image: url(foo.png);<o> }<new_rule> @media screen and (min-device-pixel-ratio: 2) {<o> @font-face {<o> font-family: "Helvetica Neue";<o> }<new_rule> #foo:hover {<o> background-image: url(foo@2x.png);<o> }<o> }<o>}'
|
||||
},
|
||||
{
|
||||
input: 'a:first-child{<i>color:red;<i>div:first-child{<i>color:black;<i>}<i>}<i>.div{<i>height:15px;<i>}',
|
||||
output: 'a:first-child {<o>\tcolor: red;<new_rule>\tdiv:first-child {<o>\t\tcolor: black;<o>\t}<o>}<new_rule>.div {<o>\theight: 15px;<o>}'
|
||||
output: 'a:first-child {<o> color: red;<new_rule> div:first-child {<o> color: black;<o> }<o>}<new_rule>.div {<o> height: 15px;<o>}'
|
||||
},
|
||||
{
|
||||
input: 'a:first-child{<i>color:red;<i>div:not(.peq){<i>color:black;<i>}<i>}<i>.div{<i>height:15px;<i>}',
|
||||
output: 'a:first-child {<o>\tcolor: red;<new_rule>\tdiv:not(.peq) {<o>\t\tcolor: black;<o>\t}<o>}<new_rule>.div {<o>\theight: 15px;<o>}'
|
||||
output: 'a:first-child {<o> color: red;<new_rule> div:not(.peq) {<o> color: black;<o> }<o>}<new_rule>.div {<o> height: 15px;<o>}'
|
||||
}
|
||||
]
|
||||
},
|
||||
@ -1246,33 +1246,33 @@ exports.test_data = {
|
||||
name: "Handle LESS property name interpolation",
|
||||
description: "",
|
||||
tests: [
|
||||
{ unchanged: 'tag {\n\t@{prop}: none;\n}' },
|
||||
{ input: 'tag{@{prop}:none;}', output: 'tag {\n\t@{prop}: none;\n}' },
|
||||
{ input: 'tag{ @{prop}: none;}', output: 'tag {\n\t@{prop}: none;\n}' },
|
||||
{ unchanged: 'tag {\n @{prop}: none;\n}' },
|
||||
{ input: 'tag{@{prop}:none;}', output: 'tag {\n @{prop}: none;\n}' },
|
||||
{ input: 'tag{ @{prop}: none;}', output: 'tag {\n @{prop}: none;\n}' },
|
||||
{
|
||||
comment: "can also be part of property name",
|
||||
unchanged: 'tag {\n\tdynamic-@{prop}: none;\n}'
|
||||
unchanged: 'tag {\n dynamic-@{prop}: none;\n}'
|
||||
},
|
||||
{ input: 'tag{dynamic-@{prop}:none;}', output: 'tag {\n\tdynamic-@{prop}: none;\n}' },
|
||||
{ input: 'tag{ dynamic-@{prop}: none;}', output: 'tag {\n\tdynamic-@{prop}: none;\n}' }
|
||||
{ input: 'tag{dynamic-@{prop}:none;}', output: 'tag {\n dynamic-@{prop}: none;\n}' },
|
||||
{ input: 'tag{ dynamic-@{prop}: none;}', output: 'tag {\n dynamic-@{prop}: none;\n}' }
|
||||
]
|
||||
}, {
|
||||
name: "Handle LESS property name interpolation, test #631",
|
||||
description: "",
|
||||
tests: [
|
||||
{ unchanged: '.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}' },
|
||||
{ unchanged: '.generate-columns(@n, @i: 1) when (@i =< @n) {\n .column-@{i} {\n width: (@i * 100% / @n);\n }\n .generate-columns(@n, (@i + 1));\n}' },
|
||||
{
|
||||
input: '.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}'
|
||||
output: '.generate-columns(@n, @i: 1) when (@i =< @n) {\n .column-@{i} {\n width: (@i * 100% / @n);\n }\n .generate-columns(@n, (@i + 1));\n}'
|
||||
}
|
||||
]
|
||||
}, {
|
||||
name: "Handle LESS function parameters",
|
||||
description: "",
|
||||
tests: [
|
||||
{ input: 'div{.px2rem(width,12);}', output: 'div {\n\t.px2rem(width, 12);\n}' },
|
||||
{ input: 'div{.px2rem(width,12);}', output: 'div {\n .px2rem(width, 12);\n}' },
|
||||
//mixin next to 'background: url("...")' should not add a linebreak after the comma
|
||||
{ unchanged: 'div {\n\tbackground: url("//test.com/dummy.png");\n\t.px2rem(width, 12);\n}' }
|
||||
{ unchanged: 'div {\n background: url("//test.com/dummy.png");\n .px2rem(width, 12);\n}' }
|
||||
]
|
||||
}, {
|
||||
name: "Psuedo-classes vs Variables",
|
||||
@ -1291,16 +1291,16 @@ exports.test_data = {
|
||||
tests: [{
|
||||
unchanged: [
|
||||
'@set: {',
|
||||
'\tone: blue;',
|
||||
'\ttwo: green;',
|
||||
'\tthree: red;',
|
||||
' one: blue;',
|
||||
' two: green;',
|
||||
' three: red;',
|
||||
'}',
|
||||
'.set {',
|
||||
'\teach(@set, {',
|
||||
'\t\t@{key}-@{index}: @value;',
|
||||
'\t}',
|
||||
' each(@set, {',
|
||||
' @{key}-@{index}: @value;',
|
||||
' }',
|
||||
// This is not optimal formatting, included to document current behavior.
|
||||
'\t);',
|
||||
' );',
|
||||
'}'
|
||||
]
|
||||
},
|
||||
@ -1311,13 +1311,13 @@ exports.test_data = {
|
||||
description: "",
|
||||
tests: [{
|
||||
comment: "Basic Interpolation",
|
||||
unchanged: 'p {\n\t$font-size: 12px;\n\t$line-height: 30px;\n\tfont: #{$font-size}/#{$line-height};\n}'
|
||||
unchanged: 'p {\n $font-size: 12px;\n $line-height: 30px;\n font: #{$font-size}/#{$line-height};\n}'
|
||||
},
|
||||
{ unchanged: 'p.#{$name} {}' }, {
|
||||
unchanged: [
|
||||
'@mixin itemPropertiesCoverItem($items, $margin) {',
|
||||
'\twidth: calc((100% - ((#{$items} - 1) * #{$margin}rem)) / #{$items});',
|
||||
'\tmargin: 1.6rem #{$margin}rem 1.6rem 0;',
|
||||
' width: calc((100% - ((#{$items} - 1) * #{$margin}rem)) / #{$items});',
|
||||
' margin: 1.6rem #{$margin}rem 1.6rem 0;',
|
||||
'}'
|
||||
]
|
||||
},
|
||||
@ -1328,9 +1328,9 @@ exports.test_data = {
|
||||
{
|
||||
unchanged: [
|
||||
'div {',
|
||||
'\t&:not(:first-of-type) {',
|
||||
'\t\tbackground: red;',
|
||||
'\t}',
|
||||
' &:not(:first-of-type) {',
|
||||
' background: red;',
|
||||
' }',
|
||||
'}'
|
||||
]
|
||||
}
|
||||
@ -1352,14 +1352,14 @@ exports.test_data = {
|
||||
{
|
||||
unchanged: [
|
||||
'.card-blue ::-webkit-input-placeholder {',
|
||||
'\tcolor: #87D1FF;',
|
||||
' color: #87D1FF;',
|
||||
'}'
|
||||
]
|
||||
},
|
||||
{
|
||||
unchanged: [
|
||||
'div [attr] :not(.class) {',
|
||||
'\tcolor: red;',
|
||||
' color: red;',
|
||||
'}'
|
||||
]
|
||||
}
|
||||
@ -1371,18 +1371,18 @@ exports.test_data = {
|
||||
tests: [{
|
||||
unchanged: [
|
||||
'@media(min-width:768px) {',
|
||||
'\t.selector::after {',
|
||||
'\t\t/* property: value */',
|
||||
'\t}',
|
||||
'\t.other-selector {',
|
||||
'\t\t/* property: value */',
|
||||
'\t}',
|
||||
' .selector::after {',
|
||||
' /* property: value */',
|
||||
' }',
|
||||
' .other-selector {',
|
||||
' /* property: value */',
|
||||
' }',
|
||||
'}'
|
||||
]
|
||||
}, {
|
||||
unchanged: [
|
||||
'.fa-rotate-270 {',
|
||||
'\tfilter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);',
|
||||
' filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);',
|
||||
'}'
|
||||
]
|
||||
}]
|
||||
@ -1400,7 +1400,7 @@ exports.test_data = {
|
||||
'/* Comment above first rule */',
|
||||
'',
|
||||
'body {',
|
||||
'\tdisplay: none;',
|
||||
' display: none;',
|
||||
'}',
|
||||
'',
|
||||
'/* Comment between rules */',
|
||||
@ -1410,7 +1410,7 @@ exports.test_data = {
|
||||
'/* Comment between selectors */',
|
||||
'',
|
||||
'li {',
|
||||
'\tdisplay: none;',
|
||||
' display: none;',
|
||||
'}',
|
||||
'',
|
||||
'/* Comment after last rule */'
|
||||
@ -1423,21 +1423,21 @@ exports.test_data = {
|
||||
tests: [{
|
||||
unchanged: [
|
||||
'.btn-group-radios {',
|
||||
'\t.btn:hover {',
|
||||
'\t\t&:hover,',
|
||||
'\t\t&:focus {',
|
||||
'\t\t\t@extend .btn-blue:hover;',
|
||||
'\t\t}',
|
||||
'\t}',
|
||||
' .btn:hover {',
|
||||
' &:hover,',
|
||||
' &:focus {',
|
||||
' @extend .btn-blue:hover;',
|
||||
' }',
|
||||
' }',
|
||||
'}'
|
||||
]
|
||||
}, {
|
||||
unchanged: [
|
||||
'.item-warning {',
|
||||
'\t@extend btn-warning:hover;',
|
||||
' @extend btn-warning:hover;',
|
||||
'}',
|
||||
'.item-warning-wrong {',
|
||||
'\t@extend btn-warning: hover;',
|
||||
' @extend btn-warning: hover;',
|
||||
'}'
|
||||
]
|
||||
}]
|
||||
@ -1473,15 +1473,15 @@ exports.test_data = {
|
||||
description: "Spacing of !important",
|
||||
options: [],
|
||||
tests: [{
|
||||
input: 'a {\n\tcolor: blue !important;\n}',
|
||||
output: 'a {\n\tcolor: blue !important;\n}'
|
||||
input: 'a {\n color: blue !important;\n}',
|
||||
output: 'a {\n color: blue !important;\n}'
|
||||
}, {
|
||||
input: 'a {\n\tcolor: blue!important;\n}',
|
||||
output: 'a {\n\tcolor: blue !important;\n}'
|
||||
input: 'a {\n color: blue!important;\n}',
|
||||
output: 'a {\n color: blue !important;\n}'
|
||||
}, {
|
||||
unchanged: 'a {\n\tcolor: blue !important;\n}'
|
||||
unchanged: 'a {\n color: blue !important;\n}'
|
||||
}, {
|
||||
unchanged: '.blue\\\\! {\n\tcolor: blue !important;\n}'
|
||||
unchanged: '.blue\\\\! {\n color: blue !important;\n}'
|
||||
}]
|
||||
}, {
|
||||
name: "indent_empty_lines true",
|
||||
@ -1504,11 +1504,11 @@ exports.test_data = {
|
||||
],
|
||||
output: [
|
||||
'a {',
|
||||
'\t',
|
||||
'\twidth: auto;',
|
||||
'\t',
|
||||
'\theight: auto;',
|
||||
'\t',
|
||||
' ',
|
||||
' width: auto;',
|
||||
' ',
|
||||
' height: auto;',
|
||||
' ',
|
||||
'}'
|
||||
]
|
||||
}]
|
||||
@ -1525,9 +1525,9 @@ exports.test_data = {
|
||||
unchanged: [
|
||||
'a {',
|
||||
'',
|
||||
'\twidth: auto;',
|
||||
' width: auto;',
|
||||
'',
|
||||
'\theight: auto;',
|
||||
' height: auto;',
|
||||
'',
|
||||
'}'
|
||||
]
|
||||
|
||||
Loading…
Reference in New Issue
Block a user