Handle falsy values in data. (#117)

Author: thchia

src/utils.js

@@ -88,7 +88,8 @@ export const templater = (
         const regex = new RegExp(pattern, 'gmi');
         if (regex.test(templatePortion)) matched = data[prop];
       }
-      return matched || templatePortion;
+      if (typeof matched === 'undefined') return templatePortion;
+      return matched;
     });
 
   // if there is a React element, return as array

tests/utils.test.js

@@ -90,7 +90,15 @@ describe('locale utils', () => {
       const after = ['Hello this is a ', <Comp /> , ' translation'];
       const result = utils.templater(before, data);
       expect(result).toEqual(after);
-    })
+    });
+
+    it('should handle falsy data values (except undefined)', () => {
+      const data = { zero: 0, empty: '' };
+      const before = 'Number ${zero}, empty ${empty}';
+      const after = 'Number 0, empty ';
+      const result = utils.templater(before, data);
+      expect(result).toEqual(after);
+    });
   });
 
   describe('getIndexForLanguageCode', () => {