Add tests for defaultStyles.js

Author: Raphael Freitas

sample/__tests__/components/defaultStyles.test.js

@@ -0,0 +1,20 @@
+/*
+ * Copyright (c) 2017, Globo.com (https://github.com/globocom)
+ *
+ * License: MIT
+ */
+
+/* eslint-env jest */
+import { defaultStylesForTest } from '../../../src/components/defaultStyles';
+
+describe('defaultStyles', () => {
+  describe('returns the style for each platform', () => {
+    it('android', () => {
+      expect(defaultStylesForTest('android')['code-block'].fontFamily).toBe('monospace');
+    });
+
+    it('ios', () => {
+      expect(defaultStylesForTest('ios')['code-block'].fontFamily).toBe('Courier New');
+    });
+  });
+});

src/components/defaultStyles.js

@@ -11,7 +11,7 @@ import {
   Platform,
 } from 'react-native';
 
-const defaultStyles = StyleSheet.create({
+const defaultStyles = (PlatformOS: string): Object => StyleSheet.create({
   paragraph: {
     fontSize: 14,
     fontWeight: 'normal',
@@ -66,7 +66,7 @@ const defaultStyles = StyleSheet.create({
   },
   'code-block': {
     backgroundColor: '#cecece',
-    fontFamily: Platform.OS === 'android' ? 'monospace' : 'Courier New',
+    fontFamily: PlatformOS === 'android' ? 'monospace' : 'Courier New',
     padding: 16,
   },
   blockquote: {
@@ -77,4 +77,5 @@ const defaultStyles = StyleSheet.create({
   },
 });
 
-export default defaultStyles;
+export { defaultStyles as defaultStylesForTest };
+export default defaultStyles(Platform.OS);