test: css validation unit tests

Author: abose

test/test-css.worker.js

@@ -78,12 +78,10 @@ describe(`web worker CSS Language tests`, async function () {
      * // todo these tests
      * - "compatibleVendorPrefixes": Unnecessary vendor prefixes checker.
      * - "vendorPrefix": Warns on missing vendor prefixes.
-     * - "boxModel": Warns if CSS box model is potentially misused.
      * - "universalSelector": Warns against the use of the universal selector (*).
      * - "fontFaceProperties": Ensures necessary properties are included in @font-face declarations.
      * - "hexColorLength": Enforces consistency in hex color definitions.
      * - "argumentsInColorFunction": Validates arguments within color functions.
-     * - "unknownProperties": Warns on unrecognized or mistyped CSS properties.
      * - "ieHack": Warns about CSS hacks for older versions of Internet Explorer.
      * - "unknownVendorSpecificProperties": Flags vendor-specific properties that might not be universally recognized.
      * - "propertyIgnoredDueToDisplay": Notifies when CSS properties are ignored due to the `display` setting of an element.
@@ -97,11 +95,41 @@ describe(`web worker CSS Language tests`, async function () {
      * duplicateProperties: "warning"
      * zeroUnits: "warning"
      * emptyRules: "warning"
+     * unknownProperties: "warning"
      * // leave default
      * importStatement: none
      * boxModel: none
      */
 
+    it("should validate css unknownProperties", async function () {
+        const cssValidationData = await (await fetch("test-files/cssValidationData.json")).json();
+        messageFromWorker = null;
+        const text = `.box {
+            doesntExist: 300px;
+        }`;
+        worker.postMessage({
+            command: `validateCSS`, text, cssMode: "CSS", filePath: "file:///c.css", lintSettings: {
+                unknownProperties: "warning"
+            }
+        });
+        let output = await waitForWorkerMessage(`validateCSS`, 1000);
+        const symbols = output.diag;
+        expect(symbols).to.deep.equal(cssValidationData["unknownProperties"]);
+    });
+
+    it("should validate css unknownProperties by default", async function () {
+        const cssValidationData = await (await fetch("test-files/cssValidationData.json")).json();
+        messageFromWorker = null;
+        const text = `.box {
+            doesntExist: 300px;
+        }`;
+        worker.postMessage({
+            command: `validateCSS`, text, cssMode: "CSS", filePath: "file:///c.css"});
+        let output = await waitForWorkerMessage(`validateCSS`, 1000);
+        const symbols = output.diag;
+        expect(symbols).to.deep.equal(cssValidationData["unknownProperties"]);
+    });
+
     it("should validate css boxModel", async function () {
         const cssValidationData = await (await fetch("test-files/cssValidationData.json")).json();
         messageFromWorker = null;

test/test-files/cssValidationData.json

@@ -123,5 +123,21 @@
         "character": 24
       }
     }
+  }],
+  "unknownProperties": [{
+    "code": "unknownProperties",
+    "source": "css",
+    "message": "Unknown property: 'doesntExist'",
+    "severity": 2,
+    "range": {
+      "start": {
+        "line": 1,
+        "character": 12
+      },
+      "end": {
+        "line": 1,
+        "character": 23
+      }
+    }
   }]
 }