add tests for floatToPixel (#909)

Author: lukasoppermann

src/transformers/floatToPixel.test.ts

@@ -0,0 +1,61 @@
+import {getMockToken} from '../test-utilities'
+import {floatToPixel} from './floatToPixel'
+
+describe('Transformer: floatToPixel', () => {
+  it('transforms float to pixel', () => {
+    const input = [
+      getMockToken({
+        value: 1.5,
+        $extensions: {
+          'org.primer.data': {
+            fontSize: 16,
+          },
+        },
+      }),
+    ]
+    const expectedOutput = ['24px']
+    expect(input.map(item => floatToPixel.transformer(item, {}))).toStrictEqual(expectedOutput)
+  })
+
+  it('transforms 0 to 0', () => {
+    const input = [
+      getMockToken({
+        value: 0,
+        $extensions: {
+          'org.primer.data': {
+            fontSize: 16,
+          },
+        },
+      }),
+      getMockToken({
+        value: 0,
+      }),
+    ]
+    const expectedOutput = [0, 0]
+    expect(input.map(item => floatToPixel.transformer(item, {}))).toStrictEqual(expectedOutput)
+  })
+
+  it('ignore invalid', () => {
+    const input = [
+      getMockToken({
+        value: '1.5',
+        $extensions: {
+          'org.primer.data': {
+            fontSize: 16,
+          },
+        },
+      }),
+      getMockToken({
+        value: 1.5,
+      }),
+      getMockToken({
+        value: 2,
+        $extensions: {
+          'org.primer.data': {},
+        },
+      }),
+    ]
+    const expectedOutput = ['1.5', 1.5, 2]
+    expect(input.map(item => floatToPixel.transformer(item, {}))).toStrictEqual(expectedOutput)
+  })
+})

src/transformers/floatToPixel.ts

@@ -17,7 +17,7 @@ export const convertFloatToPixel = (token: StyleDictionary.TransformedToken) =>
   // convert value
   const convertedValue = token.$extensions?.['org.primer.data']?.fontSize * token.value
   // return converted value
-  return `${convertedValue}px`
+  return convertedValue === 0 ? 0 : `${convertedValue}px`
 }
 /**
  * @description converts a float value to a pixel value based on the provided fontSize on the tokersn extension