test(web native): updates

Author: danilowoz

package-lock.json

@@ -47,9 +47,7 @@
     "lint": "eslint --ext .jsx --ext .ts,.tsx src/",
     "release": "semantic-release"
   },
-  "dependencies": {
-    "react-syntax-highlighter": "^12.2.1"
-  },
+  "dependencies": {},
   "devDependencies": {
     "@babel/core": "7.7.7",
     "@babel/polyfill": "7.7.0",
@@ -90,6 +88,7 @@
     "react-dom": "16.12.0",
     "react-native": "0.61.5",
     "react-native-svg": "9.13.6",
+    "react-syntax-highlighter": "^12.2.1",
     "react-test-renderer": "16.12.0",
     "rollup": "1.27.14",
     "rollup-plugin-copy": "3.1.0",

package.json

@@ -5,7 +5,7 @@ import { Facebook, IContentLoaderProps } from '.'
 import Svg from './Svg'
 
 const ContentLoader: React.FC<IContentLoaderProps> = props =>
-  props.children ? <Svg {...props}></Svg> : <Facebook {...props} />
+  props.children ? <Svg {...props} /> : <Facebook {...props} />
 
 export { Circle, Rect }
 

src/native/ContentLoader.tsx

@@ -16,9 +16,10 @@ class NativeSvg extends Component<IContentLoaderProps, { offset: number }> {
   static defaultProps = {
     animate: true,
     backgroundColor: '#f5f6f7',
-    rtl: false,
     foregroundColor: '#eee',
+    rtl: false,
     speed: 1.2,
+    style: {},
   }
 
   state = { offset: -1 }

src/native/Svg.tsx

@@ -25,7 +25,11 @@ describe('ContentLoader', () => {
 
   describe('Props are propagated', () => {
     const noPropsComponent = ShallowRenderer.createRenderer()
-    noPropsComponent.render(<ContentLoader />)
+    noPropsComponent.render(
+      <ContentLoader>
+        <Rect />
+      </ContentLoader>
+    )
 
     const withPropsComponent = ShallowRenderer.createRenderer()
     withPropsComponent.render(
@@ -39,7 +43,9 @@ describe('ContentLoader', () => {
         speed={10}
         style={{ marginBottom: '10px' }}
         width={200}
-      />
+      >
+        <Rect />
+      </ContentLoader>
     )
 
     const { props: propsFromEmpty } = noPropsComponent.getRenderOutput()
@@ -48,25 +54,19 @@ describe('ContentLoader', () => {
     it("`speed` is a number and it's used", () => {
       // defaultProps
       expect(typeof propsFromEmpty.speed).toBe('number')
-      expect(propsFromEmpty.speed).toBe(1)
+      expect(propsFromEmpty.speed).toBe(1.2)
       // custom props
       expect(typeof propsFromFullField.speed).toBe('number')
       expect(propsFromFullField.speed).toBe(10)
     })
 
     it("`height` is a number and it's used", () => {
-      // defaultProps
-      expect(typeof propsFromEmpty.height).toBe('number')
-      expect(propsFromEmpty.height).toBe(130)
       // custom props
       expect(typeof propsFromFullField.height).toBe('number')
       expect(propsFromFullField.height).toBe(200)
     })
 
     it("`width` is a number and it's used", () => {
-      // defaultProps
-      expect(typeof propsFromEmpty.width).toBe('number')
-      expect(propsFromEmpty.width).toBe(400)
       // custom props
       expect(typeof propsFromFullField.width).toBe('number')
       expect(propsFromFullField.width).toBe(200)
@@ -84,7 +84,7 @@ describe('ContentLoader', () => {
     it("`backgroundColor` is a string and it's used", () => {
       // defaultProps
       expect(typeof propsFromEmpty.backgroundColor).toBe('string')
-      expect(propsFromEmpty.backgroundColor).toBe('#f0f0f0')
+      expect(propsFromEmpty.backgroundColor).toBe('#f5f6f7')
       // custom props
       expect(typeof propsFromFullField.backgroundColor).toBe('string')
       expect(propsFromFullField.backgroundColor).toBe('#000')
@@ -93,7 +93,7 @@ describe('ContentLoader', () => {
     it("`foregroundColor` is a string and it's used", () => {
       // defaultProps
       expect(typeof propsFromEmpty.foregroundColor).toBe('string')
-      expect(propsFromEmpty.foregroundColor).toBe('#e0e0e0')
+      expect(propsFromEmpty.foregroundColor).toBe('#eee')
       // custom props
       expect(typeof propsFromFullField.foregroundColor).toBe('string')
       expect(propsFromFullField.foregroundColor).toBe('#fff')