Nav apraksta

test-xmlhttp.js 8.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312
  1. import RNTest from './react-native-testkit/'
  2. import React from 'react'
  3. import RNFetchBlob from 'react-native-fetch-blob'
  4. import Timer from 'react-timer-mixin'
  5. import {
  6. StyleSheet,
  7. Text,
  8. View,
  9. ScrollView,
  10. CameraRoll,
  11. Platform,
  12. Dimensions,
  13. Image,
  14. } from 'react-native';
  15. const fs = RNFetchBlob.fs
  16. const Blob = RNFetchBlob.polyfill.Blob
  17. window.XMLHttpRequest = RNFetchBlob.polyfill.XMLHttpRequest
  18. window.Blob = Blob
  19. window.ProgressEvent = RNFetchBlob.polyfill.ProgressEvent
  20. const { Assert, Comparer, Info, prop } = RNTest
  21. const describe = RNTest.config({
  22. group : 'XMLHttpRequest',
  23. run : true,
  24. expand : false,
  25. timeout : 20000,
  26. })
  27. const { TEST_SERVER_URL, TEST_SERVER_URL_SSL, DROPBOX_TOKEN, styles } = prop()
  28. const dirs = RNFetchBlob.fs.dirs
  29. let prefix = ((Platform.OS === 'android') ? 'file://' : '')
  30. let file = RNTest.prop('image')
  31. /**
  32. * Test cases are based on W3C github repository.
  33. * {@link https://github.com/w3c/web-platform-tests/blob/master/XMLHttpRequest/}
  34. */
  35. describe('unsent state test', (report, done) => {
  36. let xhr = new XMLHttpRequest()
  37. try {
  38. xhr.setRequestHeader('x-test', 'test')
  39. } catch(err) {
  40. report(
  41. <Assert key="should throw InvalidState if setRequestHeader()"
  42. actual={/invalidstate/i.test(err)}
  43. expect={true}
  44. />)
  45. }
  46. try {
  47. let xhr = new XMLHttpRequest()
  48. xhr.send(null)
  49. } catch(err) {
  50. report(
  51. <Assert key="should throw InvalidState if send()"
  52. actual={/invalidstate/i.test(err)}
  53. expect={true}
  54. />)
  55. }
  56. try {
  57. report(
  58. <Assert key="status is 0"
  59. expect={0}
  60. actual={xhr.status} />,
  61. <Assert key="statusText is empty"
  62. expect={''}
  63. actual={xhr.statusText} />,
  64. <Assert key="responseHeaders is empty"
  65. expect={''}
  66. actual={xhr.getAllResponseHeaders()} />,
  67. <Assert key="response header should not be set"
  68. expect={null}
  69. actual={xhr.getResponseHeader('x-test')} />,
  70. <Assert key="readyState should correct"
  71. expect={XMLHttpRequest.UNSENT}
  72. actual={xhr.readyState} />
  73. )
  74. done()
  75. } catch(err) {
  76. console.log(err.stack)
  77. }
  78. })
  79. describe('HTTP error should not throw error event', (report, done) => {
  80. onError('GET', 200)
  81. onError('GET', 400)
  82. onError('GET', 401)
  83. onError('GET', 404)
  84. onError('GET', 410)
  85. onError('GET', 500)
  86. onError('GET', 699)
  87. onError('HEAD', 200)
  88. onError('HEAD', 404)
  89. onError('HEAD', 500)
  90. onError('HEAD', 699)
  91. onError('POST', 200)
  92. onError('POST', 404)
  93. onError('POST', 500)
  94. onError('POST', 699)
  95. onError('PUT', 200)
  96. onError('PUT', 404)
  97. onError('PUT', 500)
  98. onError('PUT', 699)
  99. done()
  100. let count = 0
  101. function onError(method, code) {
  102. let xhr = new XMLHttpRequest()
  103. xhr.open(method, `${TEST_SERVER_URL}/xhr-code/${code}`)
  104. xhr.onreadystatechange = function() {
  105. count++
  106. if(this.readyState == XMLHttpRequest.DONE) {
  107. report(
  108. <Assert
  109. key={`#${count} response data of ${method} ${code} should be empty`}
  110. expect=""
  111. actual={xhr.response}/>,
  112. <Assert
  113. key={`#${count} status of ${method} ${code} should be ${code}`}
  114. expect={code}
  115. actual={xhr.status}/>
  116. )
  117. }
  118. }
  119. xhr.onerror = function() {
  120. report(
  121. <Assert
  122. key={`HTTP error ${code} should not throw error event`}
  123. expect={false}
  124. actual={true}/>)
  125. }
  126. xhr.send()
  127. }
  128. })
  129. describe('request headers records should be cleared by open()', (report, done) => {
  130. let xhr = new XMLHttpRequest()
  131. xhr.open('GET', `${TEST_SERVER_URL}/xhr-header`)
  132. xhr.setRequestHeader('value', '100')
  133. xhr.open('GET', `${TEST_SERVER_URL}/xhr-header`)
  134. xhr.setRequestHeader('value', '200')
  135. xhr.send()
  136. xhr.onreadystatechange = function() {
  137. if(this.readyState == 4) {
  138. report(<Assert key="headers should be cleared by open()"
  139. expect={'200'}
  140. actual={this.response.value}/>)
  141. done()
  142. }
  143. }
  144. })
  145. /**
  146. * {@link https://github.com/w3c/web-platform-tests/blob/master/XMLHttpRequest/setrequestheader-bogus-name.htm}
  147. */
  148. describe('invalid characters should not exists in header field', (report, done) => {
  149. function try_name(name) {
  150. try {
  151. let client = new XMLHttpRequest()
  152. client.open("GET", `${TEST_SERVER_URL}/public/github.png`)
  153. client.setRequestHeader(name, '123')
  154. } catch(err) {
  155. report(
  156. <Assert key={`invalid header type ${name} should throw SyntaxError`}
  157. actual={/syntaxerror/i.test(err)}
  158. expect={true}
  159. />)
  160. }
  161. }
  162. function try_byte_string(name) {
  163. try {
  164. let client = new XMLHttpRequest()
  165. client.open("GET", `${TEST_SERVER_URL}/public/github.png`)
  166. client.setRequestHeader(name, '123')
  167. } catch(err) {
  168. report(
  169. <Assert key={`invalid header field ${name} type should throw TypeError`}
  170. actual={/typeerror/i.test(err)}
  171. expect={true}
  172. />)
  173. }
  174. }
  175. var invalid_headers = ["(", ")", "<", ">", "@", ",", ";", ":", "\\",
  176. "\"", "/", "[", "]", "?", "=", "{", "}", " ",
  177. "\u007f", "", "t\rt", "t\nt", "t: t", "t:t",
  178. "t<t", "t t", " tt", ":tt", "\ttt", "\vtt", "t\0t",
  179. "t\"t", "t,t", "t;t", "()[]{}", "a?B", "a=B"]
  180. var invalid_byte_strings = ["テスト", "X-テスト"]
  181. for (var i = 0; i < 32; ++i) {
  182. invalid_headers.push(String.fromCharCode(i))
  183. }
  184. for (var i = 0; i < invalid_headers.length; ++i) {
  185. try_name(invalid_headers[i])
  186. }
  187. for (var i = 0; i < invalid_byte_strings.length; ++i) {
  188. try_byte_string(invalid_byte_strings[i])
  189. }
  190. done()
  191. })
  192. describe('invoke setRequestHeader() before open()', (report, done) => {
  193. try {
  194. let xhr = new XMLHttpRequest()
  195. xhr.setRequestHeader('foo', 'bar')
  196. } catch(err) {
  197. report(
  198. <Info key="error message">
  199. <Text>{err}</Text>
  200. </Info>,
  201. <Assert key="should throw InvalidStateError"
  202. expect={true}
  203. actual={/invalidstateerror/i.test(err)}/>)
  204. done()
  205. }
  206. })
  207. describe('upload progress event test', (report, done) => {
  208. let xhr = new XMLHttpRequest()
  209. let time = Date.now()
  210. let msg = `time=${time}`
  211. xhr.upload.onprogress = function(e) {
  212. report(
  213. <Assert key="event object is an instance of ProgressEvent"
  214. expect={true}
  215. actual={e instanceof ProgressEvent}/>)
  216. }
  217. xhr.onreadystatechange = function() {
  218. if(this.readyState == XMLHttpRequest.DONE) {
  219. report(
  220. <Assert key="reponse should correct"
  221. expect={time}
  222. actual={Math.floor(xhr.response.time)}/>,
  223. <Assert key="responseType should correct"
  224. expect={'json'}
  225. actual={xhr.responseType}/>)
  226. done()
  227. }
  228. }
  229. xhr.open('POST', `${TEST_SERVER_URL}/upload`)
  230. xhr.overrideMimeType('application/x-www-form-urlencoded')
  231. xhr.send(msg)
  232. })
  233. describe('timeout event catchable', (report, done) => {
  234. let xhr = new XMLHttpRequest()
  235. let count = 0
  236. xhr.timeout = 1
  237. xhr.ontimeout = function() {
  238. report(
  239. <Info key="event should only trigger once" uid="1000">
  240. <Text>{count}</Text>
  241. </Info>,
  242. <Assert key="event catchable"
  243. expect={true}
  244. actual={true}/>)
  245. done()
  246. }
  247. xhr.open('GET', `${TEST_SERVER_URL}/timeout/`)
  248. xhr.send()
  249. })
  250. describe('upload progress event should not be triggered when body is empty', (report, done) => {
  251. let xhr = new XMLHttpRequest()
  252. let count = 0
  253. xhr.upload.onloadstart = function() {
  254. report(
  255. <Assert key="loadstart event should not triggered"
  256. uid="aaa"
  257. expect={true}
  258. actual={false}/>)
  259. }
  260. xhr.upload.onprogress = function() {
  261. report(
  262. <Assert key="progress event should not triggered"
  263. uid="bbb"
  264. expect={true}
  265. actual={false}/>)
  266. }
  267. xhr.onreadystatechange = function() {
  268. if(this.readyState == XMLHttpRequest.DONE) {
  269. count++
  270. report(
  271. <Assert key="Great! upload event not triggered"
  272. uid="ccc"
  273. expect={true}
  274. actual={true}/>,
  275. <Assert key="This should not triggered multiple times"
  276. uid="ddd"
  277. expect={1}
  278. actual={count}/>)
  279. done()
  280. }
  281. }
  282. xhr.open('GET', `${TEST_SERVER_URL}/public/github.png`)
  283. xhr.send()
  284. })