Adapt react-client to use the real backend API (#1545)

Co-authored-by: Philip Molares <philip.molares@udo.edu>
Co-authored-by: Tilman Vatteroth <git@tilmanvatteroth.de>

src/api/common/api-response.test.ts

@@ -0,0 +1,55 @@
+/*
+ * SPDX-FileCopyrightText: 2022 The HedgeDoc developers (see AUTHORS file)
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+import { Mock } from 'ts-mockery'
+import { ApiResponse } from './api-response'
+
+describe('ApiResponse', () => {
+  it('getResponse returns input response', () => {
+    const mockResponse = Mock.of<Response>()
+    const responseObj = new ApiResponse(mockResponse)
+    expect(responseObj.getResponse()).toEqual(mockResponse)
+  })
+
+  it('asBlob', async () => {
+    const mockBlob = Mock.of<Blob>()
+    const mockResponse = Mock.of<Response>({
+      blob(): Promise<Blob> {
+        return Promise.resolve(mockBlob)
+      }
+    })
+    const responseObj = new ApiResponse(mockResponse)
+    await expect(responseObj.asBlob()).resolves.toEqual(mockBlob)
+  })
+
+  describe('asParsedJsonObject with', () => {
+    it('invalid header', async () => {
+      const mockHeaders = new Headers()
+      mockHeaders.set('Content-Type', 'text/invalid')
+      const mockResponse = Mock.of<Response>({
+        headers: mockHeaders
+      })
+      const responseObj = new ApiResponse(mockResponse)
+      await expect(responseObj.asParsedJsonObject()).rejects.toThrow('Response body does not seem to be JSON encoded')
+    })
+
+    it('valid header', async () => {
+      const mockHeaders = new Headers()
+      mockHeaders.set('Content-Type', 'application/json')
+      const mockBody = {
+        Hedgy: '🦔'
+      }
+      const mockResponse = Mock.of<Response>({
+        headers: mockHeaders,
+        json(): Promise<typeof mockBody> {
+          return Promise.resolve(mockBody)
+        }
+      })
+      const responseObj = new ApiResponse(mockResponse)
+      await expect(responseObj.asParsedJsonObject()).resolves.toEqual(mockBody)
+    })
+  })
+})