Merge pull request #2 from yet3/test/consts

Small lib refactor and tests

Author: yet3

src/consts.ts

@@ -6,16 +6,6 @@ export const LINE_WIDTHS = [
 export const GRID_CELL_SIZE: number[] = [...Array(128)].map((_, i) => i + 1);
 export const OFFSETS: number[] = [...Array(128 + 16)].map((_, i) => i + 1);
 
-export const arrToObj = (arr: number[], unit = "") => {
-	const obj: Record<string, string> = {};
-
-	for (const val of arr) {
-		obj[val] = val + unit;
-	}
-
-	return obj;
-};
-
 export const DEFAULT_OPTS: IResolvedOpts = {
 	prefix: "bg-",
 };

src/index.ts

@@ -1,5 +1,5 @@
 import plugin from "tailwindcss/plugin";
-import { GRID_CELL_SIZE, LINE_WIDTHS, OFFSETS, arrToObj } from "./consts";
+import { GRID_CELL_SIZE, LINE_WIDTHS, OFFSETS } from "./consts";
 import { generateCellSizes, matchCellSize } from "./lib/cellSizes";
 import {
 	generateLineColors,
@@ -10,6 +10,7 @@ import { generateOffsets, matchOffsets } from "./lib/offsets";
 import { resolveOptions } from "./lib/resolveOptions";
 import { generateGridClass } from "./patterns/grid";
 import type { IOptions } from "./types";
+import { arrToTwConfig } from "./lib/arrToTwConfig";
 
 export default plugin.withOptions<IOptions | undefined>(
 	(options) => (api) => {
@@ -32,9 +33,9 @@ export default plugin.withOptions<IOptions | undefined>(
 	},
 	() => ({
 		theme: {
-			bgPatternLineWidth: arrToObj(LINE_WIDTHS),
-			bgPatternCellSize: arrToObj(GRID_CELL_SIZE),
-			bgPatternOffsets: arrToObj(OFFSETS, "px"),
+			bgPatternLineWidth: arrToTwConfig(LINE_WIDTHS),
+			bgPatternCellSize: arrToTwConfig(GRID_CELL_SIZE),
+			bgPatternOffsets: arrToTwConfig(OFFSETS, "px"),
 		},
 	}),
 );

src/lib/arrToTwConfig.ts

@@ -0,0 +1,9 @@
+export const arrToTwConfig = (arr: number[], unit = "") => {
+	const obj: Record<string, string> = {};
+
+	for (const val of arr) {
+		obj[val] = val + unit;
+	}
+
+	return obj;
+};

src/patterns/grid.ts

@@ -1,4 +1,4 @@
-import type { CSSRuleObject, PluginAPI } from "tailwindcss/types/config";
+import type { CSSRuleObject } from "tailwindcss/types/config";
 
 interface IOpts {
 	lineSize: number;

tests/consts.test.ts

@@ -1,9 +1,28 @@
 import { describe, expect, test } from "vitest";
-import { DEFAULT_OPTS } from "../src/consts";
+import {
+	DEFAULT_OPTS,
+	GRID_CELL_SIZE,
+	LINE_WIDTHS,
+	OFFSETS,
+} from "../src/consts";
 
 describe("default production values", () => {
 	test("prefix", () => {
 		expect(DEFAULT_OPTS).toHaveProperty("prefix");
 		expect(DEFAULT_OPTS.prefix).toBe("bg-");
 	});
+
+	test("line widths", () => {
+		expect(LINE_WIDTHS).toEqual([
+			0.5, 1, 2, 3, 4, 6, 7, 8, 9, 10, 11, 12, 14, 15, 16,
+		]);
+	});
+
+	test("grid cell sizes", () => {
+		expect(GRID_CELL_SIZE).toEqual([...Array(128)].map((_, i) => i + 1));
+	});
+
+	test("offsets", () => {
+		expect(OFFSETS).toEqual([...Array(128 + 16)].map((_, i) => i + 1));
+	});
 });

tests/lib.test.ts

@@ -0,0 +1,26 @@
+import { describe, expect, test } from "vitest";
+import { arrToTwConfig } from "../src/lib/arrToTwConfig";
+
+describe("arrToTwConfig", () => {
+	const array: number[] = [0.5, 1, 2, 3, 4];
+
+	test("without unit", () => {
+		expect(arrToTwConfig(array)).toEqual({
+			0.5: "0.5",
+			1: "1",
+			2: "2",
+			3: "3",
+			4: "4",
+		});
+	});
+
+	test("with unit", () => {
+		expect(arrToTwConfig(array, "px")).toEqual({
+			0.5: "0.5px",
+			1: "1px",
+			2: "2px",
+			3: "3px",
+			4: "4px",
+		});
+	});
+});