Add realistic variant test case

styled-system · May 8, 2019 · bc70315 · bc70315
1 parent 926f9f6
commit bc70315
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/test/index.js b/test/index.js
@@ -11,6 +11,7 @@ import {
   cloneFunction,
   mapProps,
   merge,
+  fontSize,
 } from '../src'
 
 const width = style({
@@ -289,3 +290,27 @@ test('merge deeply merges', t => {
     }
   })
 })
+
+test('variant can be composed', t => {
+  const system = compose(
+    variant({ key: 'typography' }),
+    fontSize,
+    color
+  )
+  const result = system({
+    theme: {
+      typography: {
+        primary: {
+          fontSize: '32px',
+          color: '#fff'
+        },
+      },
+    },
+    variant: 'primary',
+    color: '#111'
+  })
+  t.deepEqual(result, {
+    fontSize: '32px',
+    color: '#111'
+  })
+})