fix(util-body-length-browser): multi-byte body lengths for browser (#1101)

Author: tkashi

Diff for: packages/util-body-length-browser/src/index.spec.ts

@@ -0,0 +1,23 @@
+import { calculateBodyLength } from "./";
+
+const arrayBuffer = new ArrayBuffer(1);
+const typedArray = new Uint8Array(1);
+const view = new DataView(arrayBuffer);
+
+describe("caclulateBodyLength", () => {
+  it("should handle string inputs", () => {
+    expect(calculateBodyLength("foo")).toEqual(3);
+  });
+
+  it("should handle string inputs with multi-byte characters", () => {
+    expect(calculateBodyLength("2。")).toEqual(4);
+  });
+
+  it("should handle inputs with byteLengths", () => {
+    expect(calculateBodyLength(arrayBuffer)).toEqual(1);
+  });
+
+  it("should handle TypedArray inputs", () => {
+    expect(calculateBodyLength(typedArray)).toEqual(1);
+  });
+});

Diff for: packages/util-body-length-browser/src/index.ts

@@ -1,6 +1,6 @@
 export function calculateBodyLength(body: any): number | undefined {
   if (typeof body === "string") {
-    return body.length;
+    return new Blob([body]).size;
   } else if (typeof body.byteLength === "number") {
     // handles Uint8Array, ArrayBuffer, Buffer, and ArrayBufferView
     return body.byteLength;

Diff for: packages/util-body-length-browser/tsconfig.json

@@ -11,7 +11,8 @@
       "es2015.promise",
       "es2015.collection",
       "es2015.iterable",
-      "es2015.symbol.wellknown"
+      "es2015.symbol.wellknown",
+      "dom"
     ],
     "rootDir": "./src",
     "outDir": "./build",