説明なし

test-0.5.1.js 8.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307
  1. import RNTest from './react-native-testkit/'
  2. import React from 'react'
  3. import RNFetchBlob from 'react-native-fetch-blob'
  4. import {
  5. StyleSheet,
  6. Text,
  7. View,
  8. ScrollView,
  9. Platform,
  10. Dimensions,
  11. Image,
  12. } from 'react-native';
  13. const fs = RNFetchBlob.fs
  14. const { Assert, Comparer, Info, prop } = RNTest
  15. const describe = RNTest.config({
  16. group : '0.5.1',
  17. run : true,
  18. expand : false,
  19. })
  20. const { TEST_SERVER_URL, FILENAME, DROPBOX_TOKEN, styles } = prop()
  21. let prefix = ((Platform.OS === 'android') ? 'file://' : '')
  22. // added after 0.5.0
  23. let tmpFilePath = null
  24. describe('Download file to storage with custom file extension', (report, done) => {
  25. RNFetchBlob.config({
  26. fileCache : true,
  27. appendExt : 'png'
  28. })
  29. .fetch('GET', `${TEST_SERVER_URL}/public/github2.jpg`)
  30. .then((resp) => {
  31. console.log(resp.path())
  32. tmpFilePath = resp.path()
  33. report(<Info key={`image from ${tmpFilePath}`}>
  34. <Image
  35. source={{ uri : prefix + tmpFilePath}}
  36. style={styles.image}/>
  37. </Info>)
  38. done()
  39. })
  40. })
  41. describe('Read cached file via file stream', (report, done) => {
  42. let data = 'data:image/png;base64, '
  43. fs.readStream(tmpFilePath, 'base64')
  44. .then((stream) => {
  45. stream.open()
  46. stream.onData((chunk) => {
  47. data += chunk
  48. })
  49. stream.onEnd(() => {
  50. report(
  51. <Assert key="image should have value"
  52. expect={0}
  53. comparer={Comparer.smaller}
  54. actual={data.length}/>,
  55. <Info key="image from read stream">
  56. <Image source={{uri : data}} style={styles.image}/>
  57. </Info>)
  58. done()
  59. })
  60. stream.onError((err) => {
  61. console.log('stream err', err)
  62. })
  63. })
  64. })
  65. describe('File stream reader error should be able to handled', (report, done) => {
  66. fs.readStream('^_^ not exists', 'base64')
  67. .then((stream) => {
  68. stream.open()
  69. stream.onError((err) => {
  70. report(<Info key="error message">
  71. <Text>
  72. {err}
  73. </Text>
  74. </Info>)
  75. done()
  76. })
  77. })
  78. })
  79. let localFile = null
  80. let sysDirs = RNFetchBlob.fs.dirs
  81. let dirs = RNFetchBlob.fs.dirs
  82. describe('Upload from file storage', (report, done) => {
  83. let filename = ''
  84. let filepath = ''
  85. filename = Platform.OS + '0.5.0-' + Date.now() + '-from-storage.png'
  86. filepath = dirs.DocumentDir + '/' + filename
  87. RNFetchBlob
  88. .config({ path : filepath })
  89. .fetch('GET', `${TEST_SERVER_URL}/public/github2.jpg`)
  90. .then((resp) => {
  91. let path = resp.path()
  92. localFile = path
  93. return RNFetchBlob.fetch('POST', 'https://content.dropboxapi.com/2/files/upload', {
  94. Authorization : `Bearer ${DROPBOX_TOKEN}`,
  95. 'Dropbox-API-Arg': '{\"path\": \"/rn-upload/'+filename+'\",\"mode\": \"add\",\"autorename\": true,\"mute\": false}',
  96. 'Content-Type' : 'application/octet-stream',
  97. }, 'RNFetchBlob-file://' + path)
  98. .then((resp) => {
  99. resp = resp.json()
  100. report(
  101. <Assert key="confirm the file has been uploaded" expect={filename} actual={resp.name}/>
  102. )
  103. done()
  104. })
  105. })
  106. })
  107. describe('Upload multipart data with file from storage', (report, done) => {
  108. let filename = 'test-from-storage-img-'+Date.now()+'.png'
  109. RNFetchBlob.fetch('POST', `${TEST_SERVER_URL}/upload-form`, {
  110. 'Content-Type' : 'multipart/form-data',
  111. }, [
  112. { name : 'test-img', filename : filename, data: 'RNFetchBlob-file://' + localFile},
  113. { name : 'test-text', filename : 'test-text.txt', data: RNFetchBlob.base64.encode('hello.txt')},
  114. { name : 'field1', data : 'hello !!'},
  115. { name : 'field2', data : 'hello2 !!'}
  116. ])
  117. .then((resp) => {
  118. resp = resp.json()
  119. report(
  120. <Assert key="check posted form data #1" expect="hello !!" actual={resp.fields.field1}/>,
  121. <Assert key="check posted form data #2" expect="hello2 !!" actual={resp.fields.field2}/>,
  122. )
  123. return RNFetchBlob.fetch('GET', `${TEST_SERVER_URL}/public/${filename}`)
  124. })
  125. .then((resp) => {
  126. report(<Info key="uploaded image">
  127. <Image
  128. style={styles.image}
  129. source={{ uri : 'data:image/png;base64, '+ resp.base64()}}/>
  130. </Info>)
  131. done()
  132. })
  133. })
  134. describe('Upload and download at the same time', (report, done) => {
  135. let content = 'POST and PUT calls with headers and body should also work correctly'
  136. let filename = 'download-header-test-' + Date.now()
  137. let body = RNFetchBlob.base64.encode(content)
  138. RNFetchBlob
  139. .config({
  140. fileCache : true,
  141. })
  142. .fetch('POST', 'https://content.dropboxapi.com/2/files/upload', {
  143. Authorization : `Bearer ${DROPBOX_TOKEN}`,
  144. 'Dropbox-API-Arg': '{\"path\": \"/rn-upload/'+filename+'\",\"mode\": \"add\",\"autorename\": true,\"mute\": false}',
  145. 'Content-Type' : 'application/octet-stream',
  146. }, body)
  147. .then((resp) => {
  148. return RNFetchBlob.fs.readStream(resp.path(), 'utf8')
  149. })
  150. .then((stream) => {
  151. let actual = ''
  152. stream.open()
  153. stream.onData((chunk) => {
  154. actual += chunk
  155. })
  156. stream.onEnd(() => {
  157. report(
  158. <Assert
  159. key="response data should be the filename"
  160. expect={filename}
  161. actual={JSON.parse(actual).name} />)
  162. done()
  163. })
  164. })
  165. })
  166. RNTest.config({
  167. group : '0.5.1',
  168. run : true,
  169. expand : false,
  170. timeout : 30000,
  171. })('Upload and download large file', (report, done) => {
  172. let filename = '22mb-dummy-' + Date.now()
  173. RNFetchBlob.config({
  174. fileCache : true
  175. })
  176. .fetch('GET', `${TEST_SERVER_URL}/public/22mb-dummy`)
  177. .then((res) => {
  178. return RNFetchBlob.fetch('POST', 'https://content.dropboxapi.com/2/files/upload', {
  179. Authorization : `Bearer ${DROPBOX_TOKEN}`,
  180. 'Dropbox-API-Arg': '{\"path\": \"/rn-upload/'+filename+'\",\"mode\": \"add\",\"autorename\": true,\"mute\": false}',
  181. 'Content-Type' : 'application/octet-stream',
  182. }, RNFetchBlob.wrap(res.path()))
  183. })
  184. .then((res) => {
  185. report(<Assert
  186. key="upload should success withou crashing app"
  187. expect={filename}
  188. actual={res.json().name}/>)
  189. done()
  190. })
  191. })
  192. describe('Session create mechanism test', (report, done) => {
  193. let sessionName = 'foo-' + Date.now()
  194. testSessionName = sessionName
  195. let p1 = RNFetchBlob.config({
  196. session : sessionName,
  197. fileCache : true
  198. })
  199. .fetch('GET', `${TEST_SERVER_URL}/public/github2.jpg`)
  200. let p2 = RNFetchBlob.config({
  201. fileCache : true
  202. })
  203. .fetch('GET', `${TEST_SERVER_URL}/public/github.png`)
  204. let p3 = RNFetchBlob.config({
  205. path : sysDirs.DocumentDir + '/session-test'+Date.now()+'.png'
  206. })
  207. .fetch('GET', `${TEST_SERVER_URL}/public/github.png`)
  208. let promises = [p1, p2, p3]
  209. Promise.all(promises).then((resp) => {
  210. let session = RNFetchBlob.session(sessionName).add(resp[1].path())
  211. resp[2].session(sessionName)
  212. let actual = session.list()
  213. let expect = resp.map((p) => {
  214. return p.path()
  215. })
  216. report(
  217. <Assert key="check if session state correct"
  218. expect={expect}
  219. comparer={Comparer.equalToArray}
  220. actual={actual} />)
  221. done()
  222. })
  223. })
  224. describe('Session API CRUD test', (report, done) => {
  225. let sessionName = 'test-session-' + Date.now()
  226. let baseDir = sysDirs.DocumentDir + '/' + sessionName
  227. fs.mkdir(sysDirs.DocumentDir + '/' + sessionName).then(() => {
  228. let promises = [0,1,2,3,4,5,6,7,8,9].map((p) => {
  229. return RNFetchBlob.config({
  230. session : sessionName,
  231. path : baseDir + '/testfile' + p
  232. })
  233. .fetch('GET', `${TEST_SERVER_URL}/public/github2.jpg`)
  234. })
  235. return Promise.all(promises)
  236. })
  237. .then((resps) => {
  238. let s = RNFetchBlob.session(sessionName)
  239. report(
  240. <Assert
  241. key="list() length validation"
  242. expect={10}
  243. actual={s.list().length}/>)
  244. let modified = [
  245. s.list()[2],
  246. s.list()[3],
  247. s.list()[4],
  248. s.list()[5],
  249. s.list()[6],
  250. s.list()[7],
  251. s.list()[8],
  252. s.list()[9],
  253. ]
  254. let expect = [s.list()[0], s.list()[1]]
  255. s.remove(s.list()[0])
  256. s.remove(s.list()[0])
  257. report(
  258. <Assert
  259. key="remove() should work correctly"
  260. expect={modified}
  261. comparer={Comparer.equalToArray}
  262. actual={s.list()}/>)
  263. s.dispose()
  264. .then(() => {
  265. return fs.ls(baseDir)
  266. })
  267. .then((lsRes) => {
  268. report(
  269. <Assert
  270. key="dispose() should work correctly"
  271. expect={expect}
  272. comparer={Comparer.equalToArray}
  273. actual={lsRes.map((p) => {
  274. return baseDir + '/' + p
  275. })}/>)
  276. done()
  277. })
  278. })
  279. })