test for typography schema (#761)

primer · Oct 9, 2023 · d0831d0 · d0831d0
1 parent c95563b
commit d0831d0
Show file tree

Hide file tree

Showing 3 changed files with 60 additions and 2 deletions.
diff --git a/src/schemas/typographyToken.ts b/src/schemas/typographyToken.ts
@@ -5,11 +5,11 @@ import {baseToken} from './baseToken'
 import {fontWeightValue} from './fontWeightValue'
 import {tokenType} from './tokenType'
 
-const typographyValue = z.object({
+export const typographyValue = z.object({
   fontSize: z.union([dimensionValue, referenceValue]),
   lineHeight: z.union([dimensionValue, referenceValue]).optional(),
   fontWeight: z.union([fontWeightValue, referenceValue]),
-  fontFamily: z.union([z.string(), referenceValue]),
+  fontFamily: z.union([z.string().min(1), referenceValue]),
 })
 
 export const typographyToken = baseToken

diff --git a/src/schemas/typographyTokenSchema.test.ts b/src/schemas/typographyTokenSchema.test.ts
@@ -0,0 +1,58 @@
+import {typographyToken, typographyValue} from './typographyToken'
+
+describe('Schema: typographyToken', () => {
+  const validValue = {
+    fontSize: '16px',
+    lineHeight: '24px',
+    fontWeight: 600,
+    fontFamily: 'Helvetica',
+  }
+
+  const validToken = {
+    $value: validValue,
+    $type: 'typography',
+    $description: 'a typography token',
+  }
+
+  it('parses valid tokens', () => {
+    expect(typographyToken.safeParse(validToken).success).toStrictEqual(true)
+  })
+
+  it('parses valid value', () => {
+    expect(typographyValue.safeParse(validValue).success).toStrictEqual(true)
+    // lineHeight is optional
+    expect(typographyValue.safeParse({...validValue, lineHeight: undefined}).success).toStrictEqual(true)
+  })
+
+  it('it fails on missing property', () => {
+    expect(typographyValue.safeParse({...validValue, fontSize: undefined}).success).toStrictEqual(false)
+    expect(typographyValue.safeParse({...validValue, fontWeight: undefined}).success).toStrictEqual(false)
+    expect(typographyValue.safeParse({...validValue, fontFamily: undefined}).success).toStrictEqual(false)
+  })
+
+  it('it fails on invalid fontSize values', () => {
+    expect(typographyValue.safeParse({...validValue, fontSize: '100%'}).success).toStrictEqual(false)
+    expect(typographyValue.safeParse({...validValue, fontSize: '100'}).success).toStrictEqual(false)
+    expect(typographyValue.safeParse({...validValue, fontSize: ''}).success).toStrictEqual(false)
+    expect(typographyValue.safeParse({...validValue, fontSize: 10}).success).toStrictEqual(false)
+  })
+
+  it('it fails on invalid lineHeight values', () => {
+    expect(typographyValue.safeParse({...validValue, lineHeight: '100%'}).success).toStrictEqual(false)
+    expect(typographyValue.safeParse({...validValue, lineHeight: '100'}).success).toStrictEqual(false)
+    expect(typographyValue.safeParse({...validValue, lineHeight: ''}).success).toStrictEqual(false)
+    expect(typographyValue.safeParse({...validValue, lineHeight: 10}).success).toStrictEqual(false)
+  })
+
+  it('it fails on invalid fontWeight values', () => {
+    expect(typographyValue.safeParse({...validValue, fontWeight: '600'}).success).toStrictEqual(false)
+    expect(typographyValue.safeParse({...validValue, fontWeight: 'bold'}).success).toStrictEqual(false)
+    expect(typographyValue.safeParse({...validValue, fontWeight: ''}).success).toStrictEqual(false)
+    expect(typographyValue.safeParse({...validValue, fontWeight: 10}).success).toStrictEqual(false)
+  })
+
+  it('it fails on invalid fontFamily values', () => {
+    expect(typographyValue.safeParse({...validValue, fontFamily: ''}).success).toStrictEqual(false)
+    expect(typographyValue.safeParse({...validValue, fontFamily: 10}).success).toStrictEqual(false)
+  })
+})
diff --git a/src/schemas/tokenTypeSchema.test.ts → src/schemas/validTokenTypeSchema.test.ts b/src/schemas/tokenTypeSchema.test.ts → src/schemas/validTokenTypeSchema.test.ts