test(browser): polyfill for ie11

Author: waitingsong

.config/karma.base.conf.js

@@ -7,6 +7,11 @@ module.exports = {
   ],
 
   files: [
+    // { pattern: '.config/node_modules/fast-text-encoding/text.min.js', watched: false },
+    { pattern: '.config/node_modules/text-encoding/lib/encoding-indexes.js', watched: false },
+    { pattern: '.config/node_modules/text-encoding/lib/encoding.js', watched: false },
+    { pattern: '.config/node_modules/es6-shim/es6-shim.min.js', watched: false },
+    // { pattern: '.config/node_modules/es7-shim/dist/es7-shim.min.js', watched: false },
     'src/**/*.ts',
     'test_browser/**/*.ts',
   ],
@@ -41,7 +46,7 @@ module.exports = {
       moduleResolution: 'node',
       noUnusedLocals: false,
       strict: true,
-      target: 'es6',
+      target: 'es5',
     },
     include: [
       'src/**/*.ts',

.config/package.json

@@ -11,7 +11,8 @@
     "sauce": "karma start karma.sauce.conf.js"
   },
   "devDependencies": {
-    "es7-shim": "^6.0.0",
+    "text-encoding": "git+https://github.com/inexorabletash/text-encoding.git",
+    "es6-shim": "^0.35.5",
     "karma": "^4.1.0",
     "karma-chrome-launcher": "^2.2.0",
     "karma-detect-browsers": "^2.2.5",

test_browser/10_index.test.ts

@@ -14,6 +14,8 @@ import {
   input4,
   input44,
   input8,
+  isEdge,
+  isIE,
 } from './config'
 
 
@@ -77,7 +79,9 @@ describe(filename, () => {
   describe('Should b64fromBuffer() works', () => {
     it('with valid input', () => {
       input8.forEach(row => {
-        const u8arr = Uint8Array.from(row[0])
+        const u8arr = isIE || isEdge
+          ? new Uint8Array(row[0])
+          : Uint8Array.from(row[0])
         const actual = b64fromBuffer(u8arr)
         const expected = row[1]
         assert(actual === expected, `Ensure that ${u8arr} serialise to ${expected}`)

test_browser/20_big.test.ts

@@ -2,11 +2,11 @@
 
 import * as assert from 'power-assert'
 
-import { b64decode, b64encode, b64byteLength } from '../src'
+import { b64byteLength, b64decode, b64encode } from '../src'
 import { fromUint8Array } from '../src/lib/from_buffer'
 import { toUint8Array } from '../src/lib/to_buffer'
 
-import { input1, input2 } from './config'
+import { input1, input2, isEdge, isIE } from './config'
 import { equal } from './helper'
 
 
@@ -15,7 +15,8 @@ const filename = '20_big.test.ts'
 describe(filename, () => {
   describe('Should fromUint8Array() works with big input', () => {
     it('test1', () => {
-      const big = new Uint8Array(128 * 1024 * 1024)
+      const count = isIE || isEdge ? 64 * 1024 * 1024 : 128 * 1024 * 1024
+      const big = new Uint8Array(count)
 
       for (let i = 0, length = big.length; i < length; ++i) {
         big[i] = i % 256
@@ -27,7 +28,8 @@ describe(filename, () => {
     })
 
     it('test2', () => {
-      const str = input1.concat(input2).join('').repeat(300_000)
+      const count = isIE || isEdge ? 100_000 : 300_000
+      const str = input1.concat(input2).join('').repeat(count)
       const len = (str.length / 1024 / 1024).toFixed(2)
       const ret1 = b64encode(str)
       const ret2 = b64decode(ret1)

test_browser/20_from_buffer.test.ts

@@ -4,7 +4,7 @@ import * as assert from 'power-assert'
 
 import { fromUint8Array } from '../src/lib/from_buffer'
 
-import { input8 } from './config'
+import { input8, isEdge, isIE } from './config'
 
 
 const filename = '20_from_buffer.test.ts'

test_browser/config.ts

@@ -2,6 +2,13 @@ import {
   baseChars,
 } from '../src/lib/config'
 
+import { _dummy } from './patch'
+
+
+// @ts-ignore
+export const isIE = /* @cc_on!@*/false || !! document.documentMode
+// @ts-ignore
+export const isEdge = ! isIE && !! window.StyleMedia
 
 export const input1: Array<string | number | bigint> = [
   baseChars,
@@ -92,3 +99,4 @@ export const input8: Input5Item[] = [
   [ [0, -73, 23], 'ALcX'],
   [ [0xe4, 0xb8, 0xad, 0xe6, 0x96, 0x87], '5Lit5paH'],
 ]
+

test_browser/patch.ts

@@ -0,0 +1,58 @@
+// @ts-nocheck
+
+// @ts-ignore
+if (!Int8Array.__proto__.from) {
+  // tslint:disable-next-line: only-arrow-functions
+  (function() {
+    // @ts-ignore
+    Int8Array.__proto__.from = function(obj: any, func: any, thisObj: any) {
+
+      // @ts-ignore
+      const typedArrayClass = Int8Array.__proto__
+      if (typeof this !== 'function') {
+        throw new TypeError('# is not a constructor')
+      }
+      if (this.__proto__ !== typedArrayClass) {
+        throw new TypeError('this is not a typed array.')
+      }
+
+      // tslint:disable-next-line: only-arrow-functions
+      func = func || function(elem: any) {
+        return elem
+      }
+
+      if (typeof func !== 'function') {
+        throw new TypeError('specified argument is not a function')
+      }
+
+      obj = Object(obj)
+      if (!obj.length) {
+        return new this(0)
+      }
+      let copy_data = []
+      // tslint:disable-next-line: prefer-for-of
+      for (let i = 0; i < obj.length; i++) {
+        copy_data.push(obj[i])
+      }
+
+      copy_data = copy_data.map(func, thisObj)
+
+      const typed_array = new this(copy_data.length)
+      for (let i = 0; i < typed_array.length; i++) {
+        typed_array[i] = copy_data[i]
+      }
+      return typed_array
+    }
+  })()
+}
+
+// @ts-ignore
+// if (!Uint8Array.prototype.slice) {
+//   Object.defineProperty(Uint8Array.prototype, 'slice', {
+//     value(begin: number, end: number) {
+//       return new Uint8Array(Array.prototype.slice.call(this, begin, end))
+//     },
+//   })
+// }
+
+export const _dummy = 1