improving test coverage

Author: Igor Canedo

sample/__tests__/components/BlockQuote.test.js

@@ -22,14 +22,14 @@ it('renders correctly with a blockquote', () => {
       inlineStyles={[]}
       entityRanges={[]}
       entityMap={{}}
-    />
+    />,
   ).toJSON();
   expect(tree).toMatchSnapshot();
 });
 
 it('renders null without a blockquote', () => {
   const tree = renderer.create(
-    <BlockQuote />
+    <BlockQuote />,
   ).toJSON();
   expect(tree).toMatchSnapshot();
 });
@@ -53,7 +53,7 @@ it('extends a style with a customStyle', () => {
       entityRanges={[]}
       entityMap={{}}
       navigate={() => null}
-    />
+    />,
   ).toJSON();
   expect(tree).toMatchSnapshot();
 });

sample/__tests__/components/DraftJsText.test.js

@@ -22,14 +22,14 @@ it('renders correctly with a text', () => {
       inlineStyles={[]}
       entityRanges={[]}
       entityMap={{}}
-    />
+    />,
   ).toJSON();
   expect(tree).toMatchSnapshot();
 });
 
 it('renders null without a text', () => {
   const tree = renderer.create(
-    <DraftJsText />
+    <DraftJsText />,
   ).toJSON();
   expect(tree).toMatchSnapshot();
 });
@@ -53,7 +53,31 @@ it('extends a style with a customStyle', () => {
       entityRanges={[]}
       entityMap={{}}
       navigate={() => null}
-    />
+    />,
+  ).toJSON();
+  expect(tree).toMatchSnapshot();
+});
+
+it('extends a style with a customStyle from another type', () => {
+  const text = 'Hello World';
+  const customStyles = {
+    blockquote: {
+      fontSize: 18,
+      fontWeight: 'normal',
+      letterSpacing: -0.75,
+      lineHeight: 32,
+    },
+  };
+  const tree = renderer.create(
+    <DraftJsText
+      type="paragraph"
+      text={text}
+      customStyles={customStyles}
+      inlineStyles={[]}
+      entityRanges={[]}
+      entityMap={{}}
+      navigate={() => null}
+    />,
   ).toJSON();
   expect(tree).toMatchSnapshot();
 });

sample/__tests__/components/OrderedListItem.test.js

@@ -22,14 +22,14 @@ it('renders correctly with a ordered-list-item', () => {
       inlineStyles={[]}
       entityRanges={[]}
       entityMap={{}}
-    />
+    />,
   ).toJSON();
   expect(tree).toMatchSnapshot();
 });
 
 it('renders null without a ordered-list-item', () => {
   const tree = renderer.create(
-    <OrderedListItem />
+    <OrderedListItem />,
   ).toJSON();
   expect(tree).toMatchSnapshot();
 });
@@ -43,6 +43,12 @@ it('extends a style with a customStyle', () => {
       letterSpacing: -0.75,
       lineHeight: 32,
     },
+    orderedListItemContainer: {
+      flex: 2,
+    },
+    orderedListItemNumber: {
+      fontSize: 14,
+    },
   };
   const tree = renderer.create(
     <OrderedListItem
@@ -53,7 +59,7 @@ it('extends a style with a customStyle', () => {
       entityRanges={[]}
       entityMap={{}}
       navigate={() => null}
-    />
+    />,
   ).toJSON();
   expect(tree).toMatchSnapshot();
 });

sample/__tests__/components/TextStyled.test.js

@@ -0,0 +1,77 @@
+/*
+ * Copyright (c) 2017, Globo.com (https://github.com/globocom)
+ *
+ * License: MIT
+ */
+
+/* eslint-env jest */
+
+import 'react-native';
+
+import React from 'react';
+import renderer from 'react-test-renderer';
+
+import TextStyled from '../../../src/components/TextStyled';
+
+it('renders correctly without onPress', () => {
+  const tree = renderer.create(
+    <TextStyled
+      type="paragraph"
+    />,
+  ).toJSON();
+  expect(tree).toMatchSnapshot();
+});
+
+it('renders correctly with onPress', () => {
+  const tree = renderer.create(
+    <TextStyled
+      type="paragraph"
+      onPress={() => null}
+    />,
+  ).toJSON();
+  expect(tree).toMatchSnapshot();
+});
+
+it('renders correctly with customStyles and multiple types', () => {
+  const customStyles = {
+    bold: {
+      fontWeight: 'bold',
+    },
+    italic: {
+      fontStyle: 'italic',
+    },
+    link: {
+      textDecorationLine: 'underline',
+    },
+    underline: {
+      textDecorationLine: 'underline',
+    },
+    strikethrough: {
+      textDecorationLine: 'line-through',
+    },
+  };
+  const typeArray = ['bold', 'italic'];
+  const tree = renderer.create(
+    <TextStyled
+      type={typeArray}
+      customStyles={customStyles}
+    />,
+  ).toJSON();
+  expect(tree).toMatchSnapshot();
+});
+
+it('renders correctly with customStyles and single type', () => {
+  const customStyles = {
+    bold: {
+      fontWeight: 'bold',
+    },
+  };
+  const type = 'bold';
+  const tree = renderer.create(
+    <TextStyled
+      type={type}
+      customStyles={customStyles}
+    />,
+  ).toJSON();
+  expect(tree).toMatchSnapshot();
+});

sample/__tests__/components/UnorderedListItem.test.js

@@ -22,14 +22,14 @@ it('renders correctly with a unordered-list-item', () => {
       inlineStyles={[]}
       entityRanges={[]}
       entityMap={{}}
-    />
+    />,
   ).toJSON();
   expect(tree).toMatchSnapshot();
 });
 
 it('renders null without a unordered-list-item', () => {
   const tree = renderer.create(
-    <UnorderedListItem />
+    <UnorderedListItem />,
   ).toJSON();
   expect(tree).toMatchSnapshot();
 });
@@ -53,7 +53,7 @@ it('extends a style with a customStyle', () => {
       entityRanges={[]}
       entityMap={{}}
       navigate={() => null}
-    />
+    />,
   ).toJSON();
   expect(tree).toMatchSnapshot();
 });

sample/__tests__/components/__snapshots__/DraftJsText.test.js.snap

@@ -25,6 +25,26 @@ exports[`extends a style with a customStyle 1`] = `
 </Text>
 `;
 
+exports[`extends a style with a customStyle from another type 1`] = `
+<Text
+  accessible={true}
+  allowFontScaling={true}
+  disabled={false}
+  ellipsizeMode="tail"
+  style={
+    Array [
+      Object {
+        "fontSize": 14,
+        "fontWeight": "normal",
+      },
+      undefined,
+    ]
+  }
+>
+  Hello World
+</Text>
+`;
+
 exports[`renders correctly with a text 1`] = `
 <Text
   accessible={true}

sample/__tests__/components/__snapshots__/OrderedListItem.test.js.snap

@@ -9,7 +9,9 @@ exports[`extends a style with a customStyle 1`] = `
         "flex": 1,
         "flexDirection": "row",
       },
-      undefined,
+      Object {
+        "flex": 2,
+      },
     ]
   }
 >
@@ -26,7 +28,9 @@ exports[`extends a style with a customStyle 1`] = `
           "fontWeight": "bold",
           "marginRight": 8,
         },
-        undefined,
+        Object {
+          "fontSize": 14,
+        },
       ]
     }
   >

sample/__tests__/components/__snapshots__/TextStyled.test.js.snap

@@ -0,0 +1,78 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders correctly with customStyles and multiple types 1`] = `
+<Text
+  accessible={true}
+  allowFontScaling={true}
+  disabled={false}
+  ellipsizeMode="tail"
+  style={
+    Array [
+      Object {
+        "fontStyle": "italic",
+        "fontWeight": "bold",
+      },
+      Object {
+        "fontStyle": "italic",
+        "fontWeight": "bold",
+      },
+    ]
+  }
+>
+  
+</Text>
+`;
+
+exports[`renders correctly with customStyles and single type 1`] = `
+<Text
+  accessible={true}
+  allowFontScaling={true}
+  disabled={false}
+  ellipsizeMode="tail"
+  style={
+    Array [
+      Object {
+        "fontWeight": "bold",
+      },
+      Object {
+        "fontWeight": "bold",
+      },
+    ]
+  }
+>
+  
+</Text>
+`;
+
+exports[`renders correctly with onPress 1`] = `
+<Text
+  accessible={true}
+  allowFontScaling={true}
+  disabled={false}
+  ellipsizeMode="tail"
+  onPress={[Function]}
+  style={
+    Array [
+      undefined,
+    ]
+  }
+>
+  
+</Text>
+`;
+
+exports[`renders correctly without onPress 1`] = `
+<Text
+  accessible={true}
+  allowFontScaling={true}
+  disabled={false}
+  ellipsizeMode="tail"
+  style={
+    Array [
+      undefined,
+    ]
+  }
+>
+  
+</Text>
+`;