Add tests

.babelrc

@@ -0,0 +1,19 @@
+{
+ "presets": [
+ "env",
+ "react",
+ "react-native"
+ ],
+ "env": {
+ "test": {
+ "presets": [
+ "env",
+ "react",
+ "react-native"
+ ],
+ "plugins": [
+ "transform-class-properties"
+ ]
+ }
+ }
+}

.gitattributes

@@ -1,5 +1,12 @@
-# Don't export images
+# Don't export the following files
 /img export-ignore
+/__tests__ export-ignore
+/node_modules export-ignore
+.travis.ymp export-ignore
+.gitignore export-ignore
+.gitattributes export-ignore
+.babelrc export-ignore
+.npmignore export-ignore
 # Gif are binaries
 *.gif binary
 # Don't conflict with package-lock file

.gitignore

@@ -1,2 +1,3 @@
 .DS_Store
 node_modules
+.idea/

.travis.yml

@@ -0,0 +1,9 @@
+language: node_js
+node_js:
+ - "7"
+env:
+ - NODE_ENV=test
+script: npm run test
+cache:
+ directories:
+ - "node_modules"

ImagePlaceholder.js

@@ -3,7 +3,6 @@ import {
  ActivityIndicator,
  Image,
  StyleSheet,
- Text,
  View,
  Animated
 } from "react-native";

__tests__/ImagePlaceholder.test.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import ImagePlaceholder from './../ImagePlaceholder';
+import renderer from 'react-test-renderer';
+
+
+describe( 'ImagePlaceholder', () => {
+ it( 'renders correctly the component', () => {
+ const tree = renderer
+ .create( <ImagePlaceholder /> )
+ .toJSON();
+ expect( tree ).toMatchSnapshot();
+ } );
+} )

__tests__/__snapshots__/ImagePlaceholder.test.js.snap

@@ -0,0 +1,79 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ImagePlaceholder renders correctly the component 1`] = `
+<View
+ style={
+ Array [
+ Object {
+ "alignSelf": "stretch",
+ "flex": 1,
+ },
+ undefined,
+ ]
+ }
+>
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "alignSelf": "stretch",
+ "bottom": 0,
+ "flex": 1,
+ "justifyContent": "center",
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ "zIndex": 2,
+ }
+ }
+ >
+ <Image
+ resizeMode="cover"
+ source={
+ Object {
+ "uri": undefined,
+ }
+ }
+ style={
+ Array [
+ Object {
+ "alignSelf": "stretch",
+ "bottom": 0,
+ "flex": 1,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ "zIndex": 2,
+ },
+ undefined,
+ ]
+ }
+ />
+ <ActivityIndicator
+ animating={true}
+ color="#999999"
+ hidesWhenStopped={true}
+ size="small"
+ />
+ </View>
+ <Image
+ onProgress={[Function]}
+ resizeMode="cover"
+ source={
+ Object {
+ "uri": undefined,
+ }
+ }
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ },
+ undefined,
+ ]
+ }
+ />
+</View>
+`;