Allow space-separated easings in token preprocessor

bdowning · Apr 20, 2016 · 722ff31 · 722ff31
1 parent 3c264a0
commit 722ff31
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/preprocessors/tokenPreprocessor.js b/src/preprocessors/tokenPreprocessor.js
@@ -20,6 +20,10 @@ export function createTokenPreprocessor(options = { }) {
       const parts = state[prop].split(/(\d+(?:\.\d+|\.)?|\.\d+)/);
       const values = [ ];
 
+      if (typeof easing[prop] === 'string' && easing[prop].match(/\s/)) {
+        easing[prop] = easing[prop].split(/\s+/);
+      }
+
       for (let i = 1; i < parts.length; i += 2) {
         values.push({
           value: parts[i],

diff --git a/test/preprocessors/tokenPreprocessor.spec.js b/test/preprocessors/tokenPreprocessor.spec.js
@@ -47,4 +47,15 @@ describe('tokenPreprocessor', () => {
 
     expect(outEasing).toEqual({ x__0: customEasing, x__1: identity, x__2: customEasing });
   });
+
+  it('allows multiple easings as a space-separated string', () => {
+    const customEasing = x => x;
+    const tokenPreprocessor = createTokenPreprocessor();
+
+    const [ outState, outEasing, decode ] =
+            tokenPreprocessor({ x: 'transformX(1px) rotate(5deg) scale(0.27)' },
+                              { x: 'customEasing identity customEasing' });
+
+    expect(outEasing).toEqual({ x__0: 'customEasing', x__1: 'identity', x__2: 'customEasing' });
+  });
 });