Update test files with typescript

Author: navanshu

.gitignore

@@ -9,3 +9,6 @@ coverage/
 
 .DS_Store
 item.ts
+
+*.js
+*.d.ts

index.d.ts

@@ -1,19 +1,23 @@
-const postcss = require('postcss');
-
-const variableCompress = require('./index');
-
-async function run (input, output, opts) {
-  let result = await postcss(
-    [variableCompress(opts)]
-  ).process(input, { from: undefined });
+import postcss, { Root } from "postcss";
+import variableCompress, { variableCompressParameters } from "./index";
+
+async function run(
+  input: string | { toString(): string } | Root,
+  output: string,
+  opts?:
+    | variableCompressParameters[]
+    | (string | ((e: any) => any))[]
+    | undefined
+) {
+  let result = await postcss([variableCompress(opts)]).process(input, {
+    from: undefined,
+  });
 
   expect(result.css).toEqual(output);
   expect(result.warnings()).toHaveLength(0);
-
 }
 
-
-it('Shorten css variables', async () => {
+it("Shorten css variables", async () => {
   await run(
     `:root {
 --first-color: #16f;
@@ -80,20 +84,27 @@ code {
   --5: #555;
 }`,
     [
-      '--primary-color',
-      '2',
-      (e) => e.includes('special'),
-      (e) => e === '--5'
+      "--primary-color",
+      "2",
+      (e: string | string[]) => e.includes("special"),
+      (e: string) => e === "--5",
     ]
   );
 });
 
-it('Support reloading. Now the plugin will reset mapped variables', async () => {
-  await run(`:root{--first-color: #16f;--second-color: #ff7;}`, `:root{--0: #16f;--1: #ff7;}`, []);
-  await run(`:root{--second-color: #ff7;--first-color: #16f;}`, `:root{--0: #ff7;--1: #16f;}`, []);
+it("Support reloading. Now the plugin will reset mapped variables", async () => {
+  await run(
+    `:root{--first-color: #16f;--second-color: #ff7;}`,
+    `:root{--0: #16f;--1: #ff7;}`,
+    []
+  );
+  await run(
+    `:root{--second-color: #ff7;--first-color: #16f;}`,
+    `:root{--0: #ff7;--1: #16f;}`,
+    []
+  );
 });
 
-
-it('Base array check or no array', async () => {
-  await run(`:root{}`, `:root{}`);
+it("Base array check or no array", async () => {
+  run(`:root{}`, `:root{}`);
 });

index.js

@@ -1,15 +1,13 @@
-export namespace variableCompress {
-  export type skip = (variableName: string) => boolean | undefined;
+export type skipFunction = (variableName: string) => boolean | undefined;
+export type variableCompressParameters = skipFunction | string;
 
-  export type parameters = skip | string;
-}
 const postcssPlugin = "postcss-variable-compress";
 
 let processed = Symbol("processed");
 let renamedVariables: string[] = [];
 let cssVariables = -1;
 let pureSkips: string[] = [];
-let scriptBasedSkips: variableCompress.skip[] = [];
+let scriptBasedSkips: skipFunction[] = [];
 let cssVariablesMap = new Map();
 
 function scriptCheck(val: string) {
@@ -83,7 +81,7 @@ function map(j: import("postcss").Declaration) {
   j[processed] = true;
 }
 
-function variableCompress(opts?: variableCompress.parameters[]) {
+function variableCompress(opts?: variableCompressParameters[]) {
   processed = Symbol("processed");
 
   renamedVariables = [];

index.test.js renamed to index.test.ts

@@ -38,6 +38,7 @@
     "lint-staged": "^13.0.3",
     "postcss": "^8.2.8",
     "simple-git-hooks": "^2.0.2",
+    "ts-jest": "^29.1.0",
     "typescript": "^4.3.5"
   },
   "simple-git-hooks": {
@@ -63,6 +64,7 @@
     }
   },
   "jest": {
+    "preset": "ts-jest",
     "testEnvironment": "node",
     "coverageThreshold": {
       "global": {