create tests for transformer function

Signed-off-by: Tobias Kuppens Groot <[email protected]>

src/transforms/nameVariableColor.test.js

@@ -0,0 +1,17 @@
+import { expect } from "chai";
+import { _transform as transform } from "./nameVariableColor.js";
+import { getMockToken } from "../../tests/getMocks.js";
+
+describe("[transforms] name transformer nameVariableColor", () => {
+	it("should transform remove the name `Color` from the token name", () => {
+		const token = getMockToken({ name: "ColorGrey500" });
+
+		expect(transform(token, {}, {})).to.equal("Grey500");
+	});
+
+	it("should not change the token name if the name `Color` is not part of the token name", () => {
+		const token = getMockToken({ name: "Opacity50" });
+
+		expect(transform(token, {}, {})).to.equal("Opacity50");
+	});
+});

src/transforms/nameVariableDefault.test.js

@@ -0,0 +1,17 @@
+import { expect } from "chai";
+import { getMockToken } from "../../tests/getMocks.js";
+import { _transform as transform } from "./nameVariableDefault.js";
+
+describe("[transforms] name transformer nameVariableDefault", () => {
+	it("should remove the `default` indicator from the token name", () => {
+		const token = getMockToken({ name: "prefix-color-content-default" });
+
+		expect(transform(token, {}, {})).to.equal("prefix-color-content");
+	});
+
+	it("should not change a token if the `default` indicator is not part of the token name", () => {
+		const token = getMockToken({ name: "prefix-color-content" });
+
+		expect(transform(token, {}, {})).to.equal("prefix-color-content");
+	});
+});

src/transforms/valueColorRgba.test.js

@@ -0,0 +1,25 @@
+import { expect } from "chai";
+import { getMockToken } from "../../tests/getMocks.js";
+import { _transform as transform } from "./valueColorRgba.js";
+
+describe("[transforms] value transformer valueColorRgba", () => {
+	it("should transform rgba color tokens to use CSS color-mix", () => {
+		const token = getMockToken({
+			name: "CeruleanBlue",
+			original: { value: "rgba(${color}, ${opacity})" },
+		});
+
+		expect(transform(token, {}, {})).to.equal(
+			"color-mix(in srgb, ${color} ${opacity}, ${color} 0%)",
+		);
+	});
+
+	it(`should not change color tokens which value doesn't contain rgba values`, () => {
+		const token = getMockToken({
+			name: "CeruleanBlue",
+			original: { value: "#2a52BE" },
+		});
+
+		expect(transform(token, {}, {})).to.equal("transformedValue");
+	});
+});

types/style-dictionary.d.ts

@@ -2,12 +2,14 @@ import type {
 	FileHeader as _FileHeader,
 	NameTransform as _NameTransform,
 	Transform as _Transform,
+	TransformedToken as _TransformedToken,
 } from "style-dictionary/types";
 
 declare global {
 	export {
 		_FileHeader as FileHeader,
 		_NameTransform as NameTransform,
 		_Transform as Transform,
+		_TransformedToken as TransformedToken,
 	};
 }