Add test case for #8 redirection responses verify.

test/.flowconfig

@@ -0,0 +1,94 @@
+[ignore]
+
+# We fork some components by platform.
+.*/*.web.js
+.*/*.android.js
+
+# Some modules have their own node_modules with overlap
+.*/node_modules/node-haste/.*
+
+# Ugh
+.*/node_modules/babel.*
+.*/node_modules/babylon.*
+.*/node_modules/invariant.*
+
+# Ignore react and fbjs where there are overlaps, but don't ignore
+# anything that react-native relies on
+.*/node_modules/fbjs/lib/Map.js
+.*/node_modules/fbjs/lib/ErrorUtils.js
+
+# Flow has a built-in definition for the 'react' module which we prefer to use
+# over the currently-untyped source
+.*/node_modules/react/react.js
+.*/node_modules/react/lib/React.js
+.*/node_modules/react/lib/ReactDOM.js
+
+.*/__mocks__/.*
+.*/__tests__/.*
+
+.*/commoner/test/source/widget/share.js
+
+# Ignore commoner tests
+.*/node_modules/commoner/test/.*
+
+# See https://github.com/facebook/flow/issues/442
+.*/react-tools/node_modules/commoner/lib/reader.js
+
+# Ignore jest
+.*/node_modules/jest-cli/.*
+
+# Ignore Website
+.*/website/.*
+
+# Ignore generators
+.*/local-cli/generator.*
+
+# Ignore BUCK generated folders
+.*\.buckd/
+
+.*/node_modules/is-my-json-valid/test/.*\.json
+.*/node_modules/iconv-lite/encodings/tables/.*\.json
+.*/node_modules/y18n/test/.*\.json
+.*/node_modules/spdx-license-ids/spdx-license-ids.json
+.*/node_modules/spdx-exceptions/index.json
+.*/node_modules/resolve/test/subdirs/node_modules/a/b/c/x.json
+.*/node_modules/resolve/lib/core.json
+.*/node_modules/jsonparse/samplejson/.*\.json
+.*/node_modules/json5/test/.*\.json
+.*/node_modules/ua-parser-js/test/.*\.json
+.*/node_modules/builtin-modules/builtin-modules.json
+.*/node_modules/binary-extensions/binary-extensions.json
+.*/node_modules/url-regex/tlds.json
+.*/node_modules/joi/.*\.json
+.*/node_modules/isemail/.*\.json
+.*/node_modules/tr46/.*\.json
+
+
+[include]
+
+[libs]
+node_modules/react-native/Libraries/react-native/react-native-interface.js
+node_modules/react-native/flow
+flow/
+
+[options]
+module.system=haste
+
+esproposal.class_static_fields=enable
+esproposal.class_instance_fields=enable
+
+munge_underscores=true
+
+module.name_mapper='^image![a-zA-Z0-9$_-]+$' -> 'GlobalImageStub'
+module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
+
+suppress_type=$FlowIssue
+suppress_type=$FlowFixMe
+suppress_type=$FixMe
+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(2[0-4]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(2[0-4]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
+
+[version]
+0.24.0

test/in-app-test-runner/assert.js → test/in-app-test-runner/components/assert.js

@@ -1,4 +1,3 @@
-// @flow
 import React, {Component} from 'react';
 import {
   AppRegistry,
@@ -14,7 +13,9 @@ export default class Assert extends Component {
 
   props : {
     expect : any,
-    actual : any
+    actual : any,
+    desc : any,
+    compaer : () => bool
   };
 
   constructor(props) {
@@ -33,22 +34,32 @@ export default class Assert extends Component {
         <Text style={{
           color : this.getAssertion() ? '#00a825' : '#ff0d0d',
           margin : 8,
+          marginTop : 0,
           marginLeft : 0
-        }}>{ this.getAssertion() ? '✅' : '×' } Assertion description</Text>
+        }}>{ this.getAssertion() ? '✅' : '×' } {this.props.desc}</Text>
         <Text style={{flex : 1, flexDirection : 'row'}}>
           <Text style={{ color : '#AAA'}}>expect </Text>
-          <Text style={{flex : 1}}>{this.props.expect}</Text>
+          <Text style={{flex : 1}}>{String(this.props.expect)}</Text>
         </Text>
         <Text style={{flex : 1, flexDirection : 'row'}}>
           <Text style={{color : '#AAA'}}>actual  </Text>
-          <Text style={{flex : 1}}>{this.props.actual}</Text>
+          <Text style={{flex : 1}}>{String(this.props.actual)}</Text>
         </Text>
+        {this.props.comparer ? <Text style={{flex : 1, flexDirection : 'row'}}>
+          <Text style={{color : '#AAA'}}>comparer = </Text>
+          <Text style={{flex : 1}}>
+            { String(this.props.comparer) }
+          </Text>
+        </Text> : null}
       </View>
     )
   }
 
   getAssertion() {
-    return this.props.expect === this.props.actual
+    if(this.props.comparer)
+      return this.props.comparer(this.props.expect, this.props.actual)
+    else
+      return this.props.expect === this.props.actual
   }
 
 }

test/in-app-test-runner/info.js → test/in-app-test-runner/components/info.js

@@ -1,4 +1,3 @@
-// @flow
 import React, {Component} from 'react';
 import {
   AppRegistry,
@@ -10,8 +9,8 @@ import {
 export default class Info extends Component {
 
   props : {
-    description : string,
-  }
+    desc : string,
+  };
 
   render() {
     return (
@@ -22,10 +21,10 @@ export default class Info extends Component {
       }}>
         <View style={{ alignSelf : 'stretch'}}>
           <Text style={{color : '#777', alignSelf : 'stretch', textAlign : 'center', margin : 8}}>
-            {this.props.description}
+            {this.props.desc}
           </Text>
         </View>
-        <View style={{alignSelf : 'stretch'}}>{this.props.children}</View>
+        <View style={{margin : 8, alignSelf : 'stretch'}}>{this.props.children}</View>
       </View>
     )
   }

test/in-app-test-runner/reporter.js → test/in-app-test-runner/components/reporter.js

@@ -13,6 +13,10 @@ import Assert from './assert.js'
 
 export default class Reporter extends Component {
 
+  props : {
+    context : TestContext
+  };
+
   render() {
     return (
       <ScrollView key="rn-test-scroller" style={styles.container}>
@@ -26,14 +30,18 @@ export default class Reporter extends Component {
       let pass = true
       let foundAssertions = false
 
-      Array.isArray(t.result) && t.result.forEach((r) => {
-        if(r.type.name === 'Assert') {
-          foundAssertions = true
-          pass = pass && (r.props.actual === r.props.expect)
-        }
-      })
+      if(Array.isArray(t.result)) {
+        t.result = t.result.map((r) => {
+          if(r.type.name === 'Assert') {
+            foundAssertions = true
+            let comp = r.props.comparer ? r.props.comparer(r.props.expect, r.props.actual) : (r.props.actual === r.props.expect)
+            pass = pass && comp
+          }
+          return React.cloneElement(r, {desc : r.key})
+        })
+      }
 
-      t.status = foundAssertions ? (pass ? 'pass' : 'fail') : t.status
+      t.status = foundAssertions ? (pass ? 'pass' : 'fail') : 'pass'
 
       return (<View key={'rn-test-' + t.desc} style={{
         borderBottomWidth : 1.5,
@@ -43,8 +51,8 @@ export default class Reporter extends Component {
           alignItems : 'center',
           flexDirection : 'row'
         }}>
-          <Text style={[styles.badge, {flex : 1, borderWidth : 0}]}>{t.desc}</Text>
-          <Text style={[styles.badge, this.getBadge(t.status)]}>{t.status}</Text>
+          <Text style={[styles.badge, {flex : 1, borderWidth : 0, textAlign : 'left'}]}>{t.desc}</Text>
+          <Text style={[styles.badge, this.getBadge(t.status)]}>{t.status ? 'pass' : 'fail'}</Text>
         </View>
         <View key={t.desc + '-result'} style={{backgroundColor : '#F4F4F4'}}>
           {t.result}
@@ -53,9 +61,9 @@ export default class Reporter extends Component {
     })
   }
 
-  getBadge(status) {
+  getBadge(status: 'running' | 'pass' | 'fail') {
     if(status === 'running')
-      return styles.badgeRunning
+      return styles.badgeWaiting
     else if(status === 'pass')
       return styles.badgePass
     else
@@ -74,12 +82,13 @@ const styles = StyleSheet.create({
     padding : 4,
     borderRadius : 4,
     borderWidth : 2,
+    textAlign : 'center'
   },
   badgePass: {
     borderColor : '#00a825',
     color : '#00a825'
   },
-  badgeRunning: {
+  badgeWaiting: {
     borderColor : '#e3c423',
     color : '#e3c423'
   },

test/in-app-test-runner/index.js

@@ -1,11 +1,13 @@
-import TestContext from './app-test'
-import Reporter from './reporter'
-import Assert from './assert'
-import Info from './info'
+import TestContext from './lib/test-context'
+import Comparer from './lib/comparer'
+import Reporter from './components/reporter'
+import Assert from './components/assert'
+import Info from './components/info'
 
 export default {
   TestContext,
   Reporter,
   Info,
-  Assert
+  Assert,
+  Comparer
 }

test/in-app-test-runner/lib/comparer.js

@@ -0,0 +1,10 @@
+export default {
+  greater : (a, b) => a > b,
+  smaller : (a, b) => a < b,
+  instanceOf : (a, b) => a instanceof b,
+  typeof : (a, b) => typeof a === b,
+  IsNull : (a, b) => a === null,
+  exists : (a, b) => a !== void 0,
+  hasValue : (a, b) => (a !== void 0) && (Array.isArray(a) ? a.length !==0 : true),
+  isArray : (a, b) => Array.isArray(a),
+}

test/in-app-test-runner/app-test.js → test/in-app-test-runner/lib/test-context.js

@@ -1,4 +1,4 @@
-export default class RNAppTest {
+export default class TestContext {
 
   constructor() {
     this.tests = []
@@ -30,8 +30,8 @@ export default class RNAppTest {
     return promise
   }
 
-  update(i, data) {
-    Object.assign(this.tests[i], data)
+  update(i, ...data) {
+    Object.assign(this.tests[i], {result : [...data]})
     this.context.forceUpdate()
   }
 

test/in-app-test-runner/types.js

@@ -0,0 +1,4 @@
+type TestContext = {
+    context? : any,
+    tests : Array
+}

test/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "react-native-module-testor",
+  "version": "0.1.0",
+  "description": "An in-app test framework for react-native.",
+  "main": "index.js",
+  "keywords": [
+    "react"
+  ],
+  "author": "wkh237",
+  "license": "MIT"
+}

test/test-server/server.js

@@ -18,6 +18,10 @@ app.use(upload.any())
 
 app.use('/public', express.static('./public'))
 
+app.get('/redirect', function(req, res) {
+  res.redirect('/public/github.png')
+})
+
 app.post('/upload', function(req, res){
 
   console.log(req.headers)

test/tests.js

@@ -15,8 +15,8 @@ import {
 
 const FILENAME = `${Platform.OS}-0.4.0-${Date.now()}.png`
 // paste your test config here
-const TEST_SERVER_URL = 'http://192.168.17.207:8123'
-const DROPBOX_TOKEN = 'fsXcpmKPrHgAAAAAAAAAEGxFXwhejXM_E8fznZoXPhHbhbNhA-Lytbe6etp1Jznz'
+const TEST_SERVER_URL = 'http://192.168.17.193:8123'
+const DROPBOX_TOKEN = 'fsXcpmKPrHgAAAAAAAAAoXZhcXYWdgLpQMan6Tb_bzJ237DXhgQSev12hA-gUXt4'
 
 const ctx = new RNTest.TestContext()
 const Assert = RNTest.Assert
@@ -31,17 +31,25 @@ ctx.describe('GET image from server', async function(report) {
     })
 
   image = resp.base64()
-  report({
-    status : 'pass',
-    result : [
-      <Info key="11" description="Response image">
-        <Image key="1"
+  report(
+      <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>
-    ]
-  })
-  return image
+      </Info>)
+
+})
+
+ctx.describe('The check if it follows 301/302 redirection', async function(report) {
+
+  let resp = await RNFetchBlob.fetch('GET', `${TEST_SERVER_URL}/redirect`)
+  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>)
 
 })
 
@@ -53,12 +61,9 @@ ctx.describe('Upload octet-stream image to Dropbox', async function(report) {
     'Content-Type' : 'application/octet-stream',
   }, image)
   resp = resp.json()
-  report({
-    status : 'pass',
-    result : [
-      <Assert key="1" expect={FILENAME} actual={resp.name}/>
-    ],
-  })
+  report(
+      <Assert key="confirm the file has been uploaded" expect={FILENAME} actual={resp.name}/>
+  )
 
 })
 
@@ -76,39 +81,21 @@ ctx.describe('Upload multipart/form-data', async function(report, data) {
 
   resp = resp.json()
 
-  report({
-    status : 'pass',
-    result : [
-      <Assert key="1" expect="hello !!" actual={resp.fields.field1}/>,
-      <Assert key="2" expect="hello2 !!" actual={resp.fields.field2}/>,
-    ],
-  })
+  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}/>,
+  )
 
 })
 
 ctx.describe('Compare uploaded multipart image', async function(report) {
-  // try {
-    let resp = await RNFetchBlob.fetch('GET', `${TEST_SERVER_URL}/public/test-img.png`)
-    let resp2 = await RNFetchBlob.fetch('GET', `${TEST_SERVER_URL}/public/test-text.txt`)
-    console.log(resp)
-    console.log(resp2)
-    report({
-      status : 'pass',
-      result : [
-        <Assert key="1" expect={image.length} actual={resp.base64().length}/>,
-        <Assert key="2" expect={'hello.txt'} actual={resp2.text()}/>
-      ]
-    })
-  // } catch(err) {
-  //
-  //   report({
-  //     status : 'fail',
-  //     result :[
-  //       <Info key="a" description="Detail">
-  //         <Text>{JSON.stringify(err)}</Text>
-  //       </Info>]
-  //   })
-  // }
+  let resp = await RNFetchBlob.fetch('GET', `${TEST_SERVER_URL}/public/test-img.png`)
+  let resp2 = await RNFetchBlob.fetch('GET', `${TEST_SERVER_URL}/public/test-text.txt`)
+
+  report(
+      <Assert key="check file length" expect={image.length} actual={resp.base64().length}/>,
+      <Assert key="check file content" expect={'hello.txt'} actual={resp2.text()}/>
+  )
 
 })