first commit

2024-08-09 00:39:27 +02:00
commit 79688abe2e
5698 changed files with 497838 additions and 0 deletions
--- a/calcom/packages/lib/cva/cva.test.ts
+++ b/calcom/packages/lib/cva/cva.test.ts
@@ -0,0 +1,54 @@
+import { describe, expect, it } from "vitest";
+
+import { applyStyleToMultipleVariants } from "./cva";
+
+describe("CVA Utils", () => {
+  it("Should return an array of all possible variants", () => {
+    const variants = {
+      color: ["blue", "red"],
+      size: ["small", "medium", "large"],
+      className: "text-blue w-10",
+    };
+
+    const result = applyStyleToMultipleVariants(variants);
+    expect(result).toEqual([
+      { color: "blue", size: "small", className: "text-blue w-10" },
+      { color: "blue", size: "medium", className: "text-blue w-10" },
+      { color: "blue", size: "large", className: "text-blue w-10" },
+      { color: "red", size: "small", className: "text-blue w-10" },
+      { color: "red", size: "medium", className: "text-blue w-10" },
+      { color: "red", size: "large", className: "text-blue w-10" },
+    ]);
+  });
+
+  it("Should no erorr when no arrays are passed in", () => {
+    const variants = {
+      color: "blue",
+      size: "large",
+      className: "text-blue w-10",
+    };
+
+    const result = applyStyleToMultipleVariants(variants);
+    expect(result).toEqual([{ color: "blue", size: "large", className: "text-blue w-10" }]);
+  });
+
+  it("Should accept numbers, null values, booleans and undefined in arrays as well", () => {
+    const variants = {
+      color: ["blue", null],
+      size: ["small", 30, false, undefined],
+      className: "text-blue w-10",
+    };
+
+    const result = applyStyleToMultipleVariants(variants);
+    expect(result).toEqual([
+      { color: "blue", size: "small", className: "text-blue w-10" },
+      { color: "blue", size: 30, className: "text-blue w-10" },
+      { color: "blue", size: false, className: "text-blue w-10" },
+      { color: "blue", size: undefined, className: "text-blue w-10" },
+      { color: null, size: "small", className: "text-blue w-10" },
+      { color: null, size: 30, className: "text-blue w-10" },
+      { color: null, size: false, className: "text-blue w-10" },
+      { color: null, size: undefined, className: "text-blue w-10" },
+    ]);
+  });
+});