Fix test

jpmorganchase · Feb 19, 2024 · 0f2009f · 0f2009f
1 parent 563fd6c
commit 0f2009f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/packages/export-variables-rest-api/src/__tests__/tokenUtils.spec.ts b/packages/export-variables-rest-api/src/__tests__/tokenUtils.spec.ts
@@ -67,6 +67,18 @@ describe("generateCssFromJson", () => {
 --prefix-c-withReferenceValue: var(--prefix-a-with6DigitHex);`
       );
     });
+
+    test("generates css with rgbaFormat when provided", () => {
+      const generatedCss = generateCssFromJson(
+        JSON.stringify(sampleValidColorToken),
+        { rgbaFormat: true }
+      );
+      expect(generatedCss).toEqual(
+        `--a-with6DigitHex: rgb(18, 52, 86);
+--b-withAlphaHex: rgba(18, 52, 86, 0.47);
+--c-withReferenceValue: var(--a-with6DigitHex);`
+      );
+    });
   });
 
   describe("number tokens", () => {

diff --git a/packages/export-variables-rest-api/src/tokenUtils.ts b/packages/export-variables-rest-api/src/tokenUtils.ts
@@ -61,7 +61,7 @@ export function parseTokenObject(tokenObj: object) {
   return parseResult;
 }
 
-type CssGenOption = { prefix?: string };
+type CssGenOption = { prefix?: string; rgbaFormat?: boolean };
 export function generateCssFromJson(
   inputJson: string,
   option: CssGenOption = {}
@@ -78,7 +78,7 @@ export function generateCssFromJson(
         if ($type === "color") {
           const css = formatCssLine(
             formatCssVarDeclaration(keys, prefix),
-            formatCssVarColorValue($value, prefix, true)
+            formatCssVarColorValue($value, prefix, option.rgbaFormat)
           );
           // console.debug("new color css", keys, css);
           allCss.push(css);