#8 test app refactor

test/index.test.js

@@ -1,6 +1,5 @@
 /**
- * Sample React Native App
- * https://github.com/facebook/react-native
+ * Sample RNTestkit App
  * @flow
  */
 import React, {Component} from 'react';
@@ -15,8 +14,7 @@ import {
 } from 'react-native';
 
 import RNTest from './react-native-testkit/'
-import TestContext from './tests'
-
+import './test-init'
 
 class fetchblob extends Component {
 
@@ -25,14 +23,11 @@ class fetchblob extends Component {
   }
 
   componentDidMount() {
-    TestContext.run(this)
+    RNTest.run(this)
   }
 
   render() {
-
-    return (
-      <RNTest.Reporter key="test-container" context={TestContext}/>
-    )
+    return <RNTest.Reporter />
   }
 
 }

test/test-0.1.x-0.4.x.js

@@ -0,0 +1,123 @@
+import RNTest from './react-native-testkit/'
+import React from 'react'
+import RNFetchBlob from 'react-native-fetch-blob'
+
+import {
+  StyleSheet,
+  Text,
+  View,
+  ScrollView,
+  Dimensions,
+  Image,
+} from 'react-native';
+const { Assert, Comparer, Info, describe, prop } = RNTest
+
+let { TEST_SERVER_URL, FILENAME, DROPBOX_TOKEN, styles, image } = prop()
+
+describe('The check if it follows 301/302 redirection', (report, done) => {
+
+  image = RNTest.prop('image')
+
+  RNFetchBlob.fetch('GET', `${TEST_SERVER_URL}/redirect`)
+  .then((resp) => {
+    report(
+      <Assert key="check image size" expect={image.length} actual={resp.base64().length}/>,
+      <Info key="Response image">
+        <Image
+          style={{width:Dimensions.get('window').width*0.9, height : Dimensions.get('window').width*0.9,margin :16}}
+          source={{uri : `data:image/png;base64, ${image}`}}/>
+      </Info>)
+      done()
+  })
+
+})
+
+describe('Upload octet-stream image to Dropbox', (report, done) => {
+
+  RNFetchBlob.fetch('POST', 'https://content.dropboxapi.com/2/files/upload', {
+    Authorization : `Bearer ${DROPBOX_TOKEN}`,
+    'Dropbox-API-Arg': '{\"path\": \"/rn-upload/'+FILENAME+'\",\"mode\": \"add\",\"autorename\": true,\"mute\": false}',
+    'Content-Type' : 'application/octet-stream',
+  }, image)
+  .then((resp) => {
+    resp = resp.json()
+    report(
+      <Assert key="confirm the file has been uploaded" expect={FILENAME} actual={resp.name}/>
+    )
+    done()
+  })
+
+})
+
+describe('Upload multipart/form-data', (report, done) => {
+
+  RNFetchBlob.fetch('POST', `${TEST_SERVER_URL}/upload-form`, {
+      Authorization : "Bearer fsXcpmKPrHgAAAAAAAAAEGxFXwhejXM_E8fznZoXPhHbhbNhA-Lytbe6etp1Jznz",
+      'Content-Type' : 'multipart/form-data',
+    }, [
+      { name : 'test-img', filename : 'test-img.png', data: image},
+      { name : 'test-text', filename : 'test-text.txt', data: RNFetchBlob.base64.encode('hello.txt')},
+      { name : 'field1', data : 'hello !!'},
+      { name : 'field2', data : 'hello2 !!'}
+    ])
+  .then((resp) => {
+    resp = resp.json()
+    report(
+      <Assert key="check posted form data #1" expect="hello !!" actual={resp.fields.field1}/>,
+      <Assert key="check posted form data #2" expect="hello2 !!" actual={resp.fields.field2}/>,
+    )
+    done()
+  })
+
+
+})
+
+describe('Compare uploaded multipart image', (report, done) => {
+  let r1 = null
+  RNFetchBlob.fetch('GET', `${TEST_SERVER_URL}/public/test-img.png`)
+    .then((resp) => {
+      r1 = resp
+      return RNFetchBlob.fetch('GET', `${TEST_SERVER_URL}/public/test-text.txt`)
+    })
+    .then((resp) => {
+      report(
+        <Assert key="check file length" expect={image.length} actual={r1.base64().length}/>,
+        <Assert key="check file content" expect={'hello.txt'} actual={resp.text()}/>
+      )
+      done()
+    })
+
+})
+
+// added after 0.4.2
+
+describe('Progress report test', (report, done) => {
+  let received = 0
+  RNFetchBlob.fetch('GET', `${TEST_SERVER_URL}/public/1mb-dummy`, {
+      Authorization : 'Bearer abde123eqweje'
+    })
+    .progress((written, total) => {
+      report(<Info key={`progress = ${written} bytes / ${total} bytes`}/>)
+      if(written === total)
+        report(<Assert key="progress goes to 100%" expect={written} actual={total}/>)
+    })
+    .then((resp) => {
+      report(<Assert key="response data should be correct event with progress listener"
+        expect={resp.text().substr(0,10)} actual={"1234567890"}/>)
+      done()
+    })
+
+})
+
+// FIXME : not yet supported
+describe('Large file download test', (report, done) => {
+  let received = 0
+  // RNFetchBlob.fetch('GET', `${TEST_SERVER_URL}/public/22mb-dummy`, {
+  //   Authorization : 'Bearer abde123eqweje'
+  // })
+  // .then((resp) => {
+    report(<Assert key="not supported" expect={true} actual={false}/>)
+    done()
+  // })
+
+})

test/test-0.5.x.js

@@ -0,0 +1,116 @@
+import RNTest from './react-native-testkit/'
+import React from 'react'
+import RNFetchBlob from 'react-native-fetch-blob'
+
+import {
+  StyleSheet,
+  Text,
+  View,
+  ScrollView,
+  Dimensions,
+  Image,
+} from 'react-native';
+
+const { Assert, Comparer, Info, describe, prop } = RNTest
+const { TEST_SERVER_URL, FILENAME, DROPBOX_TOKEN, styles } = prop()
+
+// added after 0.5.0
+
+describe('Get storage folders', (report, done) => {
+
+  RNFetchBlob.getSystemDirs().then((dirs) => {
+    report(
+      <Assert key="system folders should exists" expect={dirs} comparer={Comparer.exists} />,
+      <Assert key="check properties"
+        expect={dirs}
+        comparer={Comparer.hasProperties}
+        actual={['PictureDir', 'MovieDir', 'DocumentDir', 'CacheDir']}
+      />,
+      <Info key="System Folders">
+        <Text>{`${JSON.stringify(dirs)}`}</Text>
+      </Info>
+    )
+    done()
+  })
+
+})
+
+let tmpFilePath = null
+
+describe('Download file to storage with custom file extension', (report, done) => {
+
+  RNFetchBlob.config({
+      fileCache : true,
+      appendExt : 'png'
+    })
+    .fetch('GET', `${TEST_SERVER_URL}/public/github.png`)
+    .then((resp) => {
+      tmpFilePath = resp.path()
+      report(<Info key={`image from ${tmpFilePath}`}>
+        <Image source={{ uri : tmpFilePath}} style={styles.image}/>
+      </Info>)
+      done()
+    })
+})
+
+describe('Read cached file via file stream', (report, done) => {
+  let data = 'data:image/png;base64, '
+  let stream = RNFetchBlob.openReadStream(tmpFilePath, 'base64')
+  stream.onData((chunk) => {
+    data += chunk
+  })
+  stream.onEnd(() => {
+    report(
+      <Assert key="image should have value" expect={0} comparer={Comparer.smaller} actual={data.length}/>,
+      <Info key="image from read stream">
+        <Image source={{uri : data}} style={styles.image}/>
+      </Info>)
+    done()
+  })
+  stream.onError((err) => {
+    console.log('stream err', err)
+  })
+})
+
+describe('File stream reader error should be able to handled', (report, done) => {
+  let stream = RNFetchBlob.openReadStream('^_^ not exists', 'base64')
+  stream.onError((err) => {
+    report(<Info key="error message">
+      <Text>
+        {err}
+      </Text>
+    </Info>)
+    done()
+
+  })
+})
+
+describe('Upload from file storage', (report, done) => {
+  let filename = ''
+  let filepath = ''
+  RNFetchBlob.getSystemDirs().then((dirs) => {
+    filename = 'ios.5.0-' + Date.now() + '-from-storage.png'
+    filepath = dirs.DocumentDir + '/' + filename
+    return RNFetchBlob.config({ path : filepath })
+                      .fetch('GET', `${TEST_SERVER_URL}/public/github.png`)
+  })
+  .then((resp) => {
+      let path = resp.path()
+      return RNFetchBlob.fetch('POST', 'https://content.dropboxapi.com/2/files/upload', {
+        Authorization : `Bearer ${DROPBOX_TOKEN}`,
+        'Dropbox-API-Arg': '{\"path\": \"/rn-upload/'+filename+'\",\"mode\": \"add\",\"autorename\": true,\"mute\": false}',
+        'Content-Type' : 'application/octet-stream',
+      }, 'RNFetchBlob-file://' + path)
+      .then((resp) => {
+        console.log(resp.text())
+        resp = resp.json()
+        report(
+          <Assert key="confirm the file has been uploaded" expect={filename} actual={resp.name}/>
+        )
+        done()
+      })
+  })
+
+
+
+})

test/test-init.js

@@ -0,0 +1,55 @@
+import RNTest from './react-native-testkit/'
+import React from 'react'
+import RNFetchBlob from 'react-native-fetch-blob'
+
+import {
+  StyleSheet,
+  Text,
+  View,
+  ScrollView,
+  Dimensions,
+  Platform,
+  Dimension,
+  Image,
+} from 'react-native';
+
+const { Assert, Comparer, Info, describe, prop } = RNTest
+
+// test environment variables
+
+prop('FILENAME', `${Platform.OS}-0.5.0-${Date.now()}.png`)
+prop('TEST_SERVER_URL', 'http://192.168.0.14:8123')
+prop('DROPBOX_TOKEN', 'fsXcpmKPrHgAAAAAAAAAoXZhcXYWdgLpQMan6Tb_bzJ237DXhgQSev12hA-gUXt4')
+prop('styles', {
+  image : {
+    width: Dimensions.get('window').width*0.9,
+    height : Dimensions.get('window').width*0.9,
+    margin :16
+  }
+})
+
+const { TEST_SERVER_URL, FILENAME, DROPBOX_TOKEN, styles, image } = prop()
+
+// init
+
+describe('GET image from server', (report, done) => {
+
+  RNFetchBlob
+    .fetch('GET', `${TEST_SERVER_URL}/public/github.png`, {
+      Authorization : 'Bearer abde123eqweje'
+    })
+    .then((resp) => {
+
+      RNTest.prop('image', resp.base64())
+      report(
+        <Info key="Response image">
+          <Image
+            style={styles.image}
+            source={{uri : `data:image/png;base64, ${prop('image')}`}}/>
+        </Info>)
+        done()
+    })
+})
+
+// require('./test-0.1.x-0.4.x')
+require('./test-0.5.x')

test/tests.js

@@ -1,235 +0,0 @@
-import RNTest from './react-native-testkit/'
-import React from 'react'
-import RNFetchBlob from 'react-native-fetch-blob'
-
-import {
-  AppRegistry,
-  StyleSheet,
-  Text,
-  View,
-  Platform,
-  ScrollView,
-  Dimensions,
-  Image,
-} from 'react-native';
-
-const FILENAME = `${Platform.OS}-0.5.0-${Date.now()}.png`
-// paste your test config here
-const TEST_SERVER_URL = 'http://192.168.0.14:8123'
-const DROPBOX_TOKEN = 'fsXcpmKPrHgAAAAAAAAAoXZhcXYWdgLpQMan6Tb_bzJ237DXhgQSev12hA-gUXt4'
-
-const ctx = new RNTest.TestContext()
-const Assert = RNTest.Assert
-const Comparer = RNTest.Comparer
-const Info = RNTest.Info
-
-let image = null
-
-const styles = StyleSheet.create({
-  image : {
-    width:Dimensions.get('window').width*0.9,
-    height : Dimensions.get('window').width*0.9,
-    margin :16
-  }
-})
-
-ctx.describe('GET image from server', (report, done) => {
-  RNFetchBlob
-    .fetch('GET', `${TEST_SERVER_URL}/public/github.png`, {
-      Authorization : 'Bearer abde123eqweje'
-    })
-    .then((resp) => {
-      image = resp.base64()
-      report(
-        <Info key="Response image">
-          <Image
-            style={styles.image}
-            source={{uri : `data:image/png;base64, ${image}`}}/>
-        </Info>)
-        done()
-    })
-
-
-})
-
-// ctx.describe('The check if it follows 301/302 redirection', (report, done) => {
-//
-//   RNFetchBlob.fetch('GET', `${TEST_SERVER_URL}/redirect`)
-//   .then((resp) => {
-//     report(
-//       <Assert key="check image size" expect={image.length} actual={resp.base64().length}/>,
-//       <Info key="Response image">
-//         <Image
-//           style={{width:Dimensions.get('window').width*0.9, height : Dimensions.get('window').width*0.9,margin :16}}
-//           source={{uri : `data:image/png;base64, ${image}`}}/>
-//       </Info>)
-//       done()
-//   })
-//
-// })
-//
-// ctx.describe('Upload octet-stream image to Dropbox', (report, done) => {
-//
-//   RNFetchBlob.fetch('POST', 'https://content.dropboxapi.com/2/files/upload', {
-//     Authorization : `Bearer ${DROPBOX_TOKEN}`,
-//     'Dropbox-API-Arg': '{\"path\": \"/rn-upload/'+FILENAME+'\",\"mode\": \"add\",\"autorename\": true,\"mute\": false}',
-//     'Content-Type' : 'application/octet-stream',
-//   }, image)
-//   .then((resp) => {
-//     resp = resp.json()
-//     report(
-//       <Assert key="confirm the file has been uploaded" expect={FILENAME} actual={resp.name}/>
-//     )
-//     done()
-//   })
-//
-// })
-//
-// ctx.describe('Upload multipart/form-data', (report, done) => {
-//
-//   RNFetchBlob.fetch('POST', `${TEST_SERVER_URL}/upload-form`, {
-//       Authorization : "Bearer fsXcpmKPrHgAAAAAAAAAEGxFXwhejXM_E8fznZoXPhHbhbNhA-Lytbe6etp1Jznz",
-//       'Content-Type' : 'multipart/form-data',
-//     }, [
-//       { name : 'test-img', filename : 'test-img.png', data: image},
-//       { name : 'test-text', filename : 'test-text.txt', data: RNFetchBlob.base64.encode('hello.txt')},
-//       { name : 'field1', data : 'hello !!'},
-//       { name : 'field2', data : 'hello2 !!'}
-//     ])
-//   .then((resp) => {
-//     resp = resp.json()
-//     report(
-//       <Assert key="check posted form data #1" expect="hello !!" actual={resp.fields.field1}/>,
-//       <Assert key="check posted form data #2" expect="hello2 !!" actual={resp.fields.field2}/>,
-//     )
-//     done()
-//   })
-//
-//
-// })
-//
-// ctx.describe('Compare uploaded multipart image', (report, done) => {
-//   let r1 = null
-//   RNFetchBlob.fetch('GET', `${TEST_SERVER_URL}/public/test-img.png`)
-//     .then((resp) => {
-//       r1 = resp
-//       return RNFetchBlob.fetch('GET', `${TEST_SERVER_URL}/public/test-text.txt`)
-//     })
-//     .then((resp) => {
-//       report(
-//         <Assert key="check file length" expect={image.length} actual={r1.base64().length}/>,
-//         <Assert key="check file content" expect={'hello.txt'} actual={resp.text()}/>
-//       )
-//       done()
-//     })
-//
-// })
-
-// added after 0.4.2
-
-// ctx.describe('Progress report test', (report, done) => {
-//   let received = 0
-//   RNFetchBlob.fetch('GET', `${TEST_SERVER_URL}/public/1mb-dummy`, {
-//       Authorization : 'Bearer abde123eqweje'
-//     })
-//     .progress((written, total) => {
-//       report(<Info key={`progress = ${written} bytes / ${total} bytes`}/>)
-//       if(written === total)
-//         report(<Assert key="progress goes to 100%" expect={written} actual={total}/>)
-//     })
-//     .then((resp) => {
-//       report(<Assert key="response data should be correct event with progress listener"
-//         expect={resp.text().substr(0,10)} actual={"1234567890"}/>)
-//       done()
-//     })
-//
-// })
-
-// FIXME : not yet supported
-ctx.describe('Large file download test', (report, done) => {
-  let received = 0
-  // RNFetchBlob.fetch('GET', `${TEST_SERVER_URL}/public/22mb-dummy`, {
-  //   Authorization : 'Bearer abde123eqweje'
-  // })
-  // .then((resp) => {
-    report(<Assert key="not supported" expect={true} actual={false}/>)
-    done()
-  // })
-
-})
-
-// added after 0.5.0
-
-ctx.describe('Get storage folders', (report, done) => {
-
-  RNFetchBlob.getSystemDirs().then((dirs) => {
-    report(
-      <Assert key="system folders should exists" expect={dirs} comparer={Comparer.exists} />,
-      <Assert key="check properties"
-        expect={dirs}
-        comparer={Comparer.hasProperties}
-        actual={['PictureDir', 'MovieDir', 'DocumentDir', 'CacheDir']}
-      />,
-      <Info key="System Folders">
-        <Text>{`${JSON.stringify(dirs)}`}</Text>
-      </Info>
-    )
-    done()
-  })
-
-})
-
-let tmpFilePath = null
-
-ctx.describe('Download file to storage with custom file extension', (report, done) => {
-
-  RNFetchBlob.config({
-      fileCache : true,
-      appendExt : 'png'
-    })
-    .fetch('GET', `${TEST_SERVER_URL}/public/github.png`)
-    .then((resp) => {
-      tmpFilePath = resp.path()
-      report(<Info key={`image from ${tmpFilePath}`}>
-        <Image source={{ uri : tmpFilePath}} style={styles.image}/>
-      </Info>)
-      done()
-    })
-})
-
-ctx.describe('Read cached file via file stream', (report, done) => {
-  let data = 'data:image/png;base64, '
-  let stream = RNFetchBlob.openReadStream(tmpFilePath, 'base64')
-  stream.onData((chunk) => {
-    data += chunk
-  })
-  stream.onEnd(() => {
-    report(
-      <Assert key="image should have value" expect={0} comparer={Comparer.smaller} actual={data.length}/>,
-      <Info key="image from read stream">
-        <Image source={{uri : data}} style={styles.image}/>
-      </Info>)
-    done()
-  })
-  stream.onError((err) => {
-    console.log('stream err', err)
-  })
-
-})
-
-ctx.describe('File stream reader error should be able to handled', (report, done) => {
-
-  let stream = RNFetchBlob.openReadStream('^_^ not exists', 'base64')
-  stream.onError((err) => {
-    report(<Info key="error message">
-      <Text>
-        {err}
-      </Text>
-    </Info>)
-    done()
-
-  })
-
-})
-
-export default ctx