Add tests for SCSS #4

Author: hudochenkov

.gitignore

@@ -1,4 +1,5 @@
 node_modules/
 npm-debug.log
 test/**/*.actual.css
+test/**/*.actual.scss
 dev/

README.md

@@ -11,7 +11,7 @@
 * Sorting at-rules, also by at-rule name and parameter.
 * Sorting variables.
 * Grouping content.
-* Currently support CSS, [PreCSS] and most likely any other syntax added by other PostCSS plugins.
+* Support CSS, SCSS (if [postcss-scss] parser is used), [PreCSS] and most likely any other syntax added by other PostCSS plugins.
 
 ## Installation
 
@@ -288,3 +288,4 @@ This plugin is heavily inspired by [CSSComb]. Some code logic, tests and documen
 [Gulp PostCSS]: https://github.com/postcss/gulp-postcss
 [Grunt PostCSS]: https://github.com/nDmitry/grunt-postcss
 [PreCSS]: https://github.com/jonathantneal/precss
+[postcss-scss]: https://github.com/postcss/postcss-scss

package.json

@@ -21,7 +21,8 @@
   },
   "devDependencies": {
     "ava": "^0.7.0",
-    "eslint": "^1.10.2"
+    "eslint": "^1.10.2",
+    "postcss-scss": "^0.1.3"
   },
   "scripts": {
     "test": "ava && eslint index.js test/test.js",

test/fixtures/single-group-comment-scss.expected.scss

@@ -0,0 +1,5 @@
+div p em {
+    border-bottom:1px solid red; // trololo
+    // upline comment 1
+    font-style:italic;
+}

test/fixtures/single-group-comment-scss.scss

@@ -0,0 +1,5 @@
+div p em {
+    // upline comment 1
+    font-style:italic;
+    border-bottom:1px solid red; // trololo
+}

test/fixtures/single-group-comments-scss.expected.scss

@@ -0,0 +1,6 @@
+div p em {
+    border-bottom: 1px solid red; // trololo 1
+    // upline comment 1
+    // upline comment 2
+    font-style: italic;
+}

test/fixtures/single-group-comments-scss.scss

@@ -0,0 +1,6 @@
+div p em {
+    // upline comment 1
+    // upline comment 2
+    font-style: italic;
+    border-bottom: 1px solid red; // trololo 1
+}

test/test.js

@@ -4,17 +4,31 @@ import fs      from 'fs';
 import path    from 'path';
 import plugin  from '../';
 
-function run(t, input, opts = { }) {
+function run(t, input, opts = { }, syntax) {
     var dir = './fixtures/';
+    var inputName = input;
+    var inputExt = 'css';
+    var inputSplitted = input.split('.');
 
-    var inputPath  = path.resolve(dir + input + '.css');
-    var expectPath = path.resolve(dir + input + '.expected.css');
-    var actualPath = path.resolve(dir + input + '.actual.css');
+    if (inputSplitted.length > 1) {
+        inputName = inputSplitted[0];
+        inputExt = inputSplitted[1];
+    }
+
+    var inputPath  = path.resolve(dir + inputName + '.' + inputExt);
+    var expectPath = path.resolve(dir + inputName + '.expected.' + inputExt);
+    var actualPath = path.resolve(dir + inputName + '.actual.' + inputExt);
 
     var inputCSS = fs.readFileSync(inputPath,  'utf8');
     var expectCSS = fs.readFileSync(expectPath,  'utf8');
 
-    return postcss([ plugin(opts) ]).process(inputCSS)
+    if (syntax && syntax === 'scss') {
+        syntax = { syntax: require('postcss-scss') };
+    } else {
+        syntax = {};
+    }
+
+    return postcss([ plugin(opts) ]).process(inputCSS, syntax)
         .then( result => {
             var actualCSS = result.css;
 
@@ -42,6 +56,24 @@ test('Should work correctly with one comment in case of 1 group', t => {
     ] });
 });
 
+test('Should work correctly with comments in case of 1 group', t => {
+    return run(t, 'single-group-comments', { 'sort-order': [
+        ['border-bottom', 'font-style']
+    ] });
+});
+
+test('Should work correctly with one comment in case of 1 group. SCSS syntax', t => {
+    return run(t, 'single-group-comment-scss.scss', { 'sort-order': [
+        ['border-bottom', 'font-style']
+    ] }, 'scss');
+});
+
+test('Should work correctly with comments in case of 1 group. SCSS syntax', t => {
+    return run(t, 'single-group-comments-scss.scss', { 'sort-order': [
+        ['border-bottom', 'font-style']
+    ] }, 'scss');
+});
+
 test('Should place the leftovers in the end', t => {
     return run(t, 'leftovers-1', { 'sort-order': [
         [ 'font' ],
@@ -148,9 +180,3 @@ test('Should sort at-rules by name', t => {
 test.skip('Should use default config if config is empty', t => {
     return run(t, 'at-rules-by-name', { });
 });
-
-test('Should work correctly with comments in case of 1 group', t => {
-    return run(t, 'single-group-comments', { 'sort-order': [
-        ['border-bottom', 'font-style']
-    ] });
-});