Fixed tests

Author: bartoszhernas

.gitignore

@@ -1,3 +1,4 @@
 node_modules
 lib
-.idea
+.idea
+coverage

__tests__/renderEmail.test.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Box, Email, Image, Item, Span, A } from '../src/index'
+import { Box, Email, Image, Item, Span, A, Row, Col } from '../src/index'
 
 const css = `
 @media only screen and (max-device-width: 480px) {
@@ -22,6 +22,12 @@ const email = (
         </Item>
       </Box>
     </Item>
+    <Item>
+      <Row>
+        <Col>Column1</Col>
+        <Col>Column2</Col>
+      </Row>
+    </Item>
   </Email>
 )
 

examples/kitchenSink.jsx

@@ -10,6 +10,7 @@ export default function A(props) {
       download={props.download}
       href={props.href}
       target="_blank"
+      rel="noopener noreferrer"
       style={{
         color: props.color,
         textDecoration: props.textDecoration,

src/components/A.jsx

@@ -1,16 +1,19 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import EmailPropTypes from '../PropTypes'
 import includeDataProps from '../includeDataProps'
 
 export default function Col(props) {
   return (
-    <td {...includeDataProps(props)}
+    <td
+      {...includeDataProps(props)}
       className={props.className}
       align={props.align}
       valign={props.valign}
       bgcolor={props.bgcolor}
       colSpan={props.colSpan}
-      style={props.style}>
+      style={props.style}
+    >
       {props.children}
     </td>
   )
@@ -27,6 +30,8 @@ Col.propTypes = {
 }
 
 Col.defaultProps = {
+  colSpan: null,
+  children: null,
   className: null,
   bgcolor: null,
   align: 'center',

src/components/Col.js renamed to src/components/Col.jsx

@@ -1,15 +1,18 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import EmailPropTypes from '../PropTypes'
 import includeDataProps from '../includeDataProps'
 
 export default function Row(props) {
   return (
-    <tr {...includeDataProps(props)}
+    <tr
+      {...includeDataProps(props)}
       className={props.className}
       align={props.align}
       valign={props.valign}
       bgcolor={props.bgcolor}
-      style={props.style}>
+      style={props.style}
+    >
       {props.children}
     </tr>
   )
@@ -25,6 +28,7 @@ Row.propTypes = {
 }
 
 Row.defaultProps = {
+  children: null,
   className: null,
   bgcolor: null,
   align: 'center',