Add XMLHttpRequest tests #44

test/react-native-testkit/lib/test-context.js

@@ -117,7 +117,11 @@ export default class TestContext {
 
       // run test body
       new Promise((done) => {
-        this.fn.bind(this)(update, done)
+        try {
+          this.fn.bind(this)(update, done)
+        } catch(err) {
+            console.warn(err.stach)
+        }
       })
       .then((...res) => {
         if(!expired) {

test/test-blob.js

@@ -0,0 +1,31 @@
+import RNTest from './react-native-testkit/'
+import React from 'react'
+import RNFetchBlob from 'react-native-fetch-blob'
+import Timer from 'react-timer-mixin'
+
+import {
+  StyleSheet,
+  Text,
+  View,
+  ScrollView,
+  CameraRoll,
+  Platform,
+  Dimensions,
+  Image,
+} from 'react-native';
+
+const fs = RNFetchBlob.fs
+const Blob = RNFetchBlob.polyfill.Blob
+
+const { Assert, Comparer, Info, prop } = RNTest
+const describe = RNTest.config({
+  group : 'Blob',
+  run : true,
+  expand : true,
+  timeout : 20000,
+})
+const { TEST_SERVER_URL, TEST_SERVER_URL_SSL, DROPBOX_TOKEN, styles } = prop()
+const  dirs = RNFetchBlob.fs.dirs
+
+let prefix = ((Platform.OS === 'android') ? 'file://' : '')
+let file = RNTest.prop('image')

test/test-firebase.js

@@ -26,7 +26,7 @@ const { Assert, Comparer, Info, prop } = RNTest
 const describe = RNTest.config({
   group : 'firebase',
   run : true,
-  expand : true,
+  expand : false,
   timeout : 300000000,
 })
 const { TEST_SERVER_URL, TEST_SERVER_URL_SSL, DROPBOX_TOKEN, styles } = prop()
@@ -66,7 +66,7 @@ describe('upload file to firebase', (report, done) => {
 
   // create Blob from BASE64 data
   let blob = new Blob(RNTest.prop('image'), { type : 'image/png;BASE64'})
-  let testImage = `firebase-test-${Platform.OS}-${new Date()}.png`
+  let testImage = `firebase-test-${Platform.OS}-${Date.now()}.png`
   RNTest.prop('firebase-image', testImage)
   // start test after Blob created
   blob.onCreated(() => {

test/test-init.js

@@ -18,8 +18,8 @@ const { Assert, Comparer, Info, prop } = RNTest
 // test environment variables
 
 prop('FILENAME', `${Platform.OS}-0.8.0-${Date.now()}.png`)
-prop('TEST_SERVER_URL', 'http://192.168.0.11:8123')
-prop('TEST_SERVER_URL_SSL', 'https://192.168.0.11:8124')
+prop('TEST_SERVER_URL', 'http://192.168.16.70:8123')
+prop('TEST_SERVER_URL_SSL', 'https://192.168.16.70:8124')
 prop('DROPBOX_TOKEN', 'fsXcpmKPrHgAAAAAAAAAoXZhcXYWdgLpQMan6Tb_bzJ237DXhgQSev12hA-gUXt4')
 prop('styles', {
   image : {
@@ -67,5 +67,6 @@ describe('GET image from server', (report, done) => {
 // require('./test-0.7.0')
 // require('./test-0.8.0')
 // require('./test-fs')
+require('./test-xmlhttp')
 require('./test-firebase')
 // require('./test-android')

test/test-xmlhttp.js

@@ -0,0 +1,220 @@
+import RNTest from './react-native-testkit/'
+import React from 'react'
+import RNFetchBlob from 'react-native-fetch-blob'
+import Timer from 'react-timer-mixin'
+
+import {
+  StyleSheet,
+  Text,
+  View,
+  ScrollView,
+  CameraRoll,
+  Platform,
+  Dimensions,
+  Image,
+} from 'react-native';
+
+const fs = RNFetchBlob.fs
+const Blob = RNFetchBlob.polyfill.Blob
+
+window.XMLHttpRequest = RNFetchBlob.polyfill.XMLHttpRequest
+window.Blob = Blob
+window.FormData = RNFetchBlob.polyfill.FormData
+
+const { Assert, Comparer, Info, prop } = RNTest
+const describe = RNTest.config({
+  group : 'XMLHttpRequest',
+  run : true,
+  expand : true,
+  timeout : 20000,
+})
+const { TEST_SERVER_URL, TEST_SERVER_URL_SSL, DROPBOX_TOKEN, styles } = prop()
+const  dirs = RNFetchBlob.fs.dirs
+
+let prefix = ((Platform.OS === 'android') ? 'file://' : '')
+let file = RNTest.prop('image')
+
+/**
+ * Test cases are based on W3C github repository.
+ * {@link https://github.com/w3c/web-platform-tests/blob/master/XMLHttpRequest/}
+ */
+
+describe('unsent state test', (report, done) => {
+
+  let xhr = new XMLHttpRequest()
+
+  try {
+    xhr.setRequestHeader('x-test', 'test')
+  } catch(err) {
+    report(
+      <Assert key="should throw InvalidState if setRequestHeader()"
+        actual={/invalidstate/i.test(err)}
+        expect={true}
+      />)
+  }
+
+  try {
+    let xhr = new XMLHttpRequest()
+    xhr.send(null)
+  } catch(err) {
+    report(
+      <Assert key="should throw InvalidState if send()"
+        actual={/invalidstate/i.test(err)}
+        expect={true}
+      />)
+  }
+  try {
+    report(
+      <Assert key="status is 0"
+        expect={0}
+        actual={xhr.status} />,
+      <Assert key="statusText is empty"
+        expect={''}
+        actual={xhr.statusText} />,
+      <Assert key="responseHeaders is empty"
+        expect={''}
+        actual={xhr.getAllResponseHeaders()} />,
+      <Assert key="response header should not be set"
+        expect={null}
+        actual={xhr.getResponseHeader('x-test')} />,
+      <Assert key="readyState should correct"
+        expect={XMLHttpRequest.UNSENT}
+        actual={xhr.readyState} />
+    )
+    done()
+  } catch(err) {
+    console.log(err.stack)
+  }
+})
+
+describe('HTTP error should not throw error event', (report, done) => {
+
+  onError('GET', 200)
+  onError('GET', 400)
+  onError('GET', 401)
+  onError('GET', 404)
+  onError('GET', 410)
+  onError('GET', 500)
+  onError('GET', 699)
+
+  onError('HEAD', 200)
+  onError('HEAD', 404)
+  onError('HEAD', 500)
+  onError('HEAD', 699)
+
+  onError('POST', 200)
+  onError('POST', 404)
+  onError('POST', 500)
+  onError('POST', 699)
+
+  onError('PUT', 200)
+  onError('PUT', 404)
+  onError('PUT', 500)
+  onError('PUT', 699)
+
+  done()
+
+  function onError(method, code) {
+    let xhr = new XMLHttpRequest()
+    xhr.open(method, `${TEST_SERVER_URL}/xhr-code/${code}`)
+    xhr.onreadystatechange = function() {
+      report(
+        <Assert
+          key={`response data of ${method} ${code} should be empty`}
+          expect=""
+          actual={xhr.response}/>,
+        <Assert
+          key={`status of ${method} ${code} should be ${code}`}
+          expect={code}
+          actual={xhr.status}/>
+      )
+    }
+    xhr.onerror = function() {
+      report(
+        <Assert
+          key={'HTTP error should not throw error event'}
+          expect={false}
+          actual={true}/>)
+    }
+    xhr.send()
+  }
+
+})
+
+describe('request headers records should be cleared by open()', (report, done) => {
+  let xhr = new XMLHttpRequest()
+  xhr.open('GET', `${TEST_SERVER_URL}/xhr-header`)
+  xhr.setRequestHeader('header-test', '100')
+  xhr.open('GET', `${TEST_SERVER_URL}/xhr-header`)
+  xhr.setRequestHeader('header-test', '200')
+  xhr.send()
+  xhr.onreadystatechange = function() {
+    if(this.readyState == 4) {
+      report(<Assert key="headers should be cleared by open()"
+        expect={'200'}
+        actual={this.response['header-test']}/>)
+      done()
+    }
+  }
+})
+
+/**
+ *  {@link https://github.com/w3c/web-platform-tests/blob/master/XMLHttpRequest/setrequestheader-bogus-name.htm}
+ */
+describe('invalid characters should not exists in header field', (report, done) => {
+  function try_name(name) {
+    try {
+      let client = new XMLHttpRequest()
+      client.open("GET", `${TEST_SERVER_URL}/public/github.png`)
+      client.setRequestHeader(name, '123')
+    } catch(err) {
+      report(
+        <Assert key={`invalid header type ${name} should throw SyntaxError`}
+          actual={/syntaxerror/i.test(err)}
+          expect={true}
+        />)
+    }
+  }
+  function try_byte_string(name) {
+    try {
+      let client = new XMLHttpRequest()
+      client.open("GET", `${TEST_SERVER_URL}/public/github.png`)
+      client.setRequestHeader(name, '123')
+    } catch(err) {
+      report(
+        <Assert key={`invalid header field ${name} type should throw TypeError`}
+          actual={/typeerror/i.test(err)}
+          expect={true}
+        />)
+    }
+  }
+  var invalid_headers = ["(", ")", "<", ">", "@", ",", ";", ":", "\\",
+                         "\"", "/", "[", "]", "?", "=", "{", "}", " ",
+                         /* HT already tested in the loop below */
+                         "\u007f", "", "t\rt", "t\nt", "t: t", "t:t",
+                         "t<t", "t t", " tt", ":tt", "\ttt", "\vtt", "t\0t",
+                         "t\"t", "t,t", "t;t", "()[]{}", "a?B", "a=B"]
+  var invalid_byte_strings = ["ﾃｽﾄ", "X-ﾃｽﾄ"]
+  for (var i = 0; i < 32; ++i) {
+    invalid_headers.push(String.fromCharCode(i))
+  }
+  for (var i = 0; i < invalid_headers.length; ++i) {
+    try_name(invalid_headers[i])
+  }
+  for (var i = 0; i < invalid_byte_strings.length; ++i) {
+    try_byte_string(invalid_byte_strings[i])
+  }
+  done()
+
+})
+
+describe('invoke setRequestHeader() before open()', (report, done) => {
+  try {
+    new XMLHttpRequest().setRequestHeader('foo', 'bar')
+  } catch(err) {
+    report(<Assert key="should throw InvalidStateRrror"
+      expect={true}
+      actual={/invalidstateerror/i.test(err)}/>)
+      done()
+  }
+})