less/scss tests

Author: abose

src/worker.js

@@ -4,8 +4,7 @@ const service = cssLangService.getCSSLanguageService();
 const CSS_MODES = {
     CSS: "css",
     LESS: "less",
-    SCSS: "scss",
-    SASS: "sass"
+    SCSS: "scss"
 };
 
 function getTextDocument(text, languageID, filePath = "file://placeholder.css") {

test/test-css.worker.js

@@ -45,14 +45,23 @@ describe(`web worker CSS Language tests`, function () {
         expect(output).to.be.not.null;
     });
 
-    it(`Should getAllSymbols get all css symbols`, async function () {
+    it(`Should getAllSymbols get all css selectors`, async function () {
         messageFromWorker = null;
-        const text = await (await fetch("test-files/a.css")).text();
+        const text = await (await fetch("test-files/css-tests/a.css")).text();
         worker.postMessage({command: `getAllSymbols`, text, cssMode: "CSS", filePath: "file:///a.css"});
         let output = await waitForWorkerMessage(`getAllSymbols`, 1000);
         const symbols = output.symbols;
         expect(symbols.length).to.eql(29);
         expect(symbols.includes(".testClass")).to.be.true;
         expect(symbols.includes("@keyframes shooting")).to.be.true;
     });
+
+    it(`Should getAllSymbols get all less selectors`, async function () {
+        messageFromWorker = null;
+        const text = await (await fetch("test-files/css-tests/b.less")).text();
+        worker.postMessage({command: `getAllSymbols`, text, cssMode: "LESS", filePath: "file:///b.less"});
+        let output = await waitForWorkerMessage(`getAllSymbols`, 1000);
+        const symbols = output.symbols;
+        expect(symbols).to.deep.equal(["#header",".navigation",".logo","& .phcode"]);
+    });
 });

test/test-files/a.css test/test-files/css-tests/a.csstest/test-files/a.css renamed to test/test-files/css-tests/a.css

@@ -0,0 +1,12 @@
+#header {
+  color: black;
+  .navigation {
+    font-size: 12px;
+  }
+  .logo {
+    width: 300px;
+  }
+  & .phcode {
+    color: green;
+  }
+}

test/test-files/css-tests/b.less

@@ -0,0 +1,15 @@
+@mixin theme($theme: DarkGray) {
+  background: $theme;
+  box-shadow: 0 0 1px rgba($theme, .25);
+  color: #fff;
+}
+
+.info {
+  @include theme;
+}
+.alert {
+  @include theme($theme: DarkRed);
+}
+#success {
+  @include theme($theme: DarkGreen);
+}