Added tests for converter functions for ESTree-style range and location for PostCSS nodes

Author: marekdedic

tests/fixtures/parser/style-location-converter/simple-css-input.svelte

@@ -0,0 +1,17 @@
+<script>
+  let a = 10
+</script>
+
+<span class="myClass">Hello!</span>
+
+<b>{a}</b>
+
+<style>
+  .myClass {
+    color: red;
+  }
+
+  b {
+    font-size: xx-large;
+  }
+</style>

tests/fixtures/parser/style-location-converter/simple-css-output.json

@@ -0,0 +1,78 @@
+[
+  [
+    {
+      "start": {
+        "line": 9,
+        "column": 7
+      }
+    },
+    [
+      89,
+      null
+    ]
+  ],
+  [
+    {
+      "start": {
+        "line": 10,
+        "column": 2
+      },
+      "end": {
+        "line": 12,
+        "column": 3
+      }
+    },
+    [
+      92,
+      122
+    ]
+  ],
+  [
+    {
+      "start": {
+        "line": 11,
+        "column": 4
+      },
+      "end": {
+        "line": 11,
+        "column": 15
+      }
+    },
+    [
+      107,
+      118
+    ]
+  ],
+  [
+    {
+      "start": {
+        "line": 14,
+        "column": 2
+      },
+      "end": {
+        "line": 16,
+        "column": 3
+      }
+    },
+    [
+      126,
+      158
+    ]
+  ],
+  [
+    {
+      "start": {
+        "line": 15,
+        "column": 4
+      },
+      "end": {
+        "line": 15,
+        "column": 24
+      }
+    },
+    [
+      134,
+      154
+    ]
+  ]
+]

tests/fixtures/parser/style-location-converter/simple-scss-input.svelte

@@ -0,0 +1,18 @@
+<div class="container">
+  <div class="div-class">Hello</div>
+
+  <span class="span-class">World!</span>
+</div>
+
+<style lang="scss">
+  .container {
+    .div-class {
+      // This is an inline comment
+      color: red;
+    }
+
+    .span-class {
+      font-weight: bold;
+    }
+  }
+</style>

tests/fixtures/parser/style-location-converter/simple-scss-output.json

@@ -0,0 +1,110 @@
+[
+  [
+    {
+      "start": {
+        "line": 7,
+        "column": 19
+      }
+    },
+    [
+      130,
+      null
+    ]
+  ],
+  [
+    {
+      "start": {
+        "line": 8,
+        "column": 2
+      },
+      "end": {
+        "line": 17,
+        "column": 3
+      }
+    },
+    [
+      133,
+      275
+    ]
+  ],
+  [
+    {
+      "start": {
+        "line": 9,
+        "column": 4
+      },
+      "end": {
+        "line": 12,
+        "column": 5
+      }
+    },
+    [
+      150,
+      221
+    ]
+  ],
+  [
+    {
+      "start": {
+        "line": 10,
+        "column": 6
+      },
+      "end": {
+        "line": 10,
+        "column": 34
+      }
+    },
+    [
+      169,
+      197
+    ]
+  ],
+  [
+    {
+      "start": {
+        "line": 11,
+        "column": 6
+      },
+      "end": {
+        "line": 11,
+        "column": 17
+      }
+    },
+    [
+      204,
+      215
+    ]
+  ],
+  [
+    {
+      "start": {
+        "line": 14,
+        "column": 4
+      },
+      "end": {
+        "line": 16,
+        "column": 5
+      }
+    },
+    [
+      227,
+      271
+    ]
+  ],
+  [
+    {
+      "start": {
+        "line": 15,
+        "column": 6
+      },
+      "end": {
+        "line": 15,
+        "column": 24
+      }
+    },
+    [
+      247,
+      265
+    ]
+  ]
+]

tests/src/parser/style-location-coverter.ts

@@ -0,0 +1,61 @@
+import assert from "assert";
+import fs from "fs";
+import path from "path";
+import type { Node } from "postcss";
+
+import { parseForESLint } from "../../../src";
+import type { SourceLocation } from "../../../src/ast";
+import {
+  styleNodeLoc,
+  styleNodeRange,
+} from "../../../src/parser/style-context";
+import { generateParserOptions, listupFixtures } from "./test-utils";
+
+const STYLE_CONTEXT_FIXTURE_ROOT = path.resolve(
+  __dirname,
+  "../../fixtures/parser/style-location-converter"
+);
+
+function parse(code: string, filePath: string, config: any) {
+  return parseForESLint(code, generateParserOptions({ filePath }, config));
+}
+
+describe("Check for AST.", () => {
+  for (const {
+    input,
+    inputFileName,
+    outputFileName,
+    config,
+    meetRequirements,
+  } of listupFixtures(STYLE_CONTEXT_FIXTURE_ROOT)) {
+    describe(inputFileName, () => {
+      let result: any;
+
+      it("most to generate the expected style context.", () => {
+        result = parse(input, inputFileName, config);
+        if (!meetRequirements("test")) {
+          return;
+        }
+        const styleContext = result.services.getStyleContext();
+        assert.strictEqual(styleContext.status, "success");
+        const locations: [
+          Partial<SourceLocation>,
+          [number | undefined, number | undefined]
+        ][] = [
+          [
+            styleNodeLoc(styleContext.sourceAst),
+            styleNodeRange(styleContext.sourceAst),
+          ],
+        ];
+        styleContext.sourceAst.walk((node: Node) => {
+          locations.push([styleNodeLoc(node), styleNodeRange(node)]);
+        });
+        const output = fs.readFileSync(outputFileName, "utf8");
+        assert.strictEqual(
+          `${JSON.stringify(locations, undefined, 2)}\n`,
+          output
+        );
+      });
+    });
+  }
+});