Add sass tests too (#842)

* Add sass tests too

* Remove cross-env

Author: XhmikosR

package-lock.json

@@ -10,7 +10,9 @@
     "lint": "eslint --report-unused-disable-directives --ignore-path .gitignore .",
     "fix": "npm run lint -- --fix",
     "mocha": "mocha",
-    "test": "mocha"
+    "test": "npm run test:node-sass && npm run test:dart-sass",
+    "test:node-sass": "mocha",
+    "test:dart-sass": "mocha -- --sass"
   },
   "repository": {
     "type": "git",
@@ -52,6 +54,7 @@
     "node-sass": "^7.0.1",
     "postcss": "^8.4.5",
     "rimraf": "^3.0.2",
+    "sass": "^1.45.1",
     "vinyl": "^2.2.1"
   }
 }

package.json

@@ -0,0 +1,3 @@
+body .div {
+  color: blue;
+}

test/expected-sass/empty.css

@@ -0,0 +1,21 @@
+body {
+  background: pink;
+}
+
+footer {
+  background: red;
+}
+
+.error, .badError {
+  border: #f00;
+  background: #fdd;
+}
+
+.error.intrusion, .intrusion.badError {
+  font-size: 1.3em;
+  font-weight: bold;
+}
+
+.badError {
+  border-width: 3px;
+}

test/expected-sass/indent.css

@@ -0,0 +1,11 @@
+#data {
+  float: left;
+  margin-left: 10px;
+}
+#data th {
+  text-align: center;
+  font-weight: bold;
+}
+#data td, #data th {
+  padding: 2px;
+}

test/expected-sass/inheritance.css

@@ -0,0 +1,10 @@
+.content-navigation {
+  border-color: #3bbfce;
+  color: #2ca2af;
+}
+
+.border {
+  padding: 8px;
+  margin: 8px;
+  border-color: #3bbfce;
+}