test: use snapshot and split into multiple files

.gitignore

@@ -1,5 +1,6 @@
 .DS_Store
 .idea/
+.vscode/
 .nyc_output/
 .tests-output/
 

package.json

@@ -16,7 +16,7 @@
     "build": "npm run build-downlevel-dts && tsc --project tsconfig.build.plugin.json && tsc --project tsconfig.build.insertStyle.json",
     "build-downlevel-dts": "node scripts/clean-and-run-downlevel-dts.js",
     "downlevel-dts": "downlevel-dts . ts3.5 [--to=3.5]",
-    "test": "nyc --reporter=html --reporter=text ava ./test/*.test.ts -s && npm run test:rollup.config.spec.ts",
+    "test": "nyc --reporter=html --reporter=text ava && npm run test:rollup.config.spec.ts",
     "coverage": "nyc report --reporter=text-lcov | coveralls",
     "output-coverage-lcov": "nyc report --reporter=text-lcov > coverage/tests.lcov",
     "test:rollup.config.spec.ts": "tsc --project tsconfig.spec.json --noEmit",
@@ -50,6 +50,9 @@
     "dist"
   ],
   "ava": {
+    "files": [
+      "./test/*.test.ts"
+    ],
     "extensions": [
       "ts"
     ],
@@ -64,22 +67,24 @@
     "sass": "^1.7.2"
   },
   "devDependencies": {
-    "@ava/typescript": "^3.0.1",
+    "@ava/typescript": "^5.0.0",
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
+    "@types/icss-utils": "^5.1.2",
     "@types/node": "^18.14.6",
     "@types/resolve": "^0.0.8",
-    "ava": "^4.3.1",
+    "@types/sinon": "^17.0.3",
+    "ava": "^6.1.3",
     "coveralls-next": "^4.2.1",
     "downlevel-dts": "^0.10.0",
     "eslint": "^7.32.0",
+    "happy-dom": "^14.12.3",
     "husky": "^9.0.11",
     "icss-utils": "^5.1.0",
-    "jsdom": "^17.0.0",
-    "nyc": "^15.1.0",
+    "nyc": "^17.0.0",
     "postcss": "^8.4.16",
     "rollup": "^1 || ^2 || ^3",
-    "sinon": "^7.2.2",
+    "sinon": "^18.0.0",
     "ts-node": "^10.9.1",
     "typescript": "^4.7.4"
   },

test/basic.test.ts

@@ -0,0 +1,76 @@
+import test from "ava";
+import { rollup } from "rollup";
+import * as path from "path";
+
+import sass from "../src/index";
+import {
+  TEST_UTILS,
+  TEST_BASE_CONFIG,
+  TEST_SASS_OPTIONS_DEFAULT,
+  TEST_GENERATE_OPTIONS,
+  TEST_OUTPUT_DIR,
+} from "./utils";
+
+test("should import *.scss and *.sass files", async (t) => {
+  const outputBundle = await rollup({
+    input: "test/fixtures/basic/index.js",
+    ...TEST_BASE_CONFIG,
+  });
+  const { output } = await outputBundle.generate({
+    format: "es",
+    file: path.join(TEST_OUTPUT_DIR, "import_scss_and_sass.js"),
+  });
+  const result = TEST_UTILS.getOutputFirstChunkCode(output);
+
+  t.snapshot(result);
+});
+
+test("should import *.scss and *.sass files with default configuration", async (t) => {
+  const outputBundle = await rollup({
+    input: "test/fixtures/basic/index.js",
+    plugins: [sass()],
+  });
+  const { output } = await outputBundle.generate({
+    ...TEST_GENERATE_OPTIONS,
+    file: path.join(TEST_OUTPUT_DIR, "import_scss_and_sass_default_options.js"),
+  });
+  const result = TEST_UTILS.getOutputFirstChunkCode(output);
+
+  t.snapshot(result);
+});
+
+test("should compress the dest CSS", async (t) => {
+  const outputBundle = await rollup({
+    ...TEST_BASE_CONFIG,
+    input: "test/fixtures/compress/index.js",
+  });
+  const { output } = await outputBundle.generate(TEST_GENERATE_OPTIONS);
+  const result = TEST_UTILS.getOutputFirstChunkCode(output);
+
+  t.snapshot(result);
+});
+
+test("should support options.data", async (t) => {
+  const jsVars = {
+    color_red: "red",
+  };
+  const scssVars = Object.entries(jsVars).reduce(
+    (prev, [varName, varValue]) => `${prev}$${varName}:${varValue};`,
+    ""
+  );
+  const outputBundle = await rollup({
+    input: "test/fixtures/data/index.js",
+    plugins: [
+      sass({
+        options: {
+          ...TEST_SASS_OPTIONS_DEFAULT,
+          data: scssVars,
+        },
+      }),
+    ],
+  });
+  const { output } = await outputBundle.generate(TEST_GENERATE_OPTIONS);
+  const result = TEST_UTILS.getOutputFirstChunkCode(output);
+
+  t.snapshot(result);
+});