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>

cypress/support/config.ts

@@ -4,6 +4,8 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
+import { AuthProviderType } from '../../src/api/config/types'
+
 declare namespace Cypress {
   interface Chainable {
     loadConfig(): Chainable<Window>
@@ -12,43 +14,70 @@ declare namespace Cypress {
 
 export const branding = {
   name: 'DEMO Corp',
-  logo: '/mock-backend/public/img/demo.png'
+  logo: '/mock-public/img/demo.png'
 }
 
-export const authProviders = {
-  facebook: true,
-  github: true,
-  twitter: true,
-  gitlab: true,
-  dropbox: true,
-  ldap: true,
-  google: true,
-  saml: true,
-  oauth2: true,
-  local: true
-}
+export const authProviders = [
+  {
+    type: AuthProviderType.FACEBOOK
+  },
+  {
+    type: AuthProviderType.GITHUB
+  },
+  {
+    type: AuthProviderType.TWITTER
+  },
+  {
+    type: AuthProviderType.DROPBOX
+  },
+  {
+    type: AuthProviderType.GOOGLE
+  },
+  {
+    type: AuthProviderType.LOCAL
+  },
+  {
+    type: AuthProviderType.LDAP,
+    identifier: 'test-ldap',
+    providerName: 'Test LDAP'
+  },
+  {
+    type: AuthProviderType.OAUTH2,
+    identifier: 'test-oauth2',
+    providerName: 'Test OAuth2'
+  },
+  {
+    type: AuthProviderType.SAML,
+    identifier: 'test-saml',
+    providerName: 'Test SAML'
+  },
+  {
+    type: AuthProviderType.GITLAB,
+    identifier: 'test-gitlab',
+    providerName: 'Test GitLab'
+  }
+]
 
 export const config = {
   allowAnonymous: true,
+  allowRegister: true,
   authProviders: authProviders,
   branding: branding,
-  customAuthNames: {
-    ldap: 'FooBar',
-    oauth2: 'Olaf2',
-    saml: 'aufSAMLn.de'
-  },
-  maxDocumentLength: 200,
+  useImageProxy: false,
   specialUrls: {
     privacy: 'https://example.com/privacy',
     termsOfUse: 'https://example.com/termsOfUse',
     imprint: 'https://example.com/imprint'
   },
-  plantumlServer: 'http://mock-plantuml.local',
   version: {
-    version: 'mock',
-    sourceCodeUrl: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ',
-    issueTrackerUrl: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ'
+    major: 0,
+    minor: 0,
+    patch: 0,
+    preRelease: '',
+    commit: 'MOCK'
   },
+  plantumlServer: 'http://mock-plantuml.local',
+  maxDocumentLength: 200,
   iframeCommunication: {
     editorOrigin: 'http://127.0.0.1:3001/',
     rendererOrigin: 'http://127.0.0.1:3001/'
@@ -56,7 +85,7 @@ export const config = {
 }
 
 Cypress.Commands.add('loadConfig', (additionalConfig?: Partial<typeof config>) => {
-  return cy.intercept('/mock-backend/api/private/config', {
+  return cy.intercept('/api/mock-backend/private/config', {
     statusCode: 200,
     body: {
       ...config,
@@ -68,11 +97,11 @@ Cypress.Commands.add('loadConfig', (additionalConfig?: Partial<typeof config>) =
 beforeEach(() => {
   cy.loadConfig()
 
-  cy.intercept('GET', '/mock-backend/public/motd.md', {
+  cy.intercept('GET', '/mock-public/motd.md', {
     body: '404 Not Found!',
     statusCode: 404
   })
-  cy.intercept('HEAD', '/mock-backend/public/motd.md', {
+  cy.intercept('HEAD', '/mock-public/motd.md', {
     statusCode: 404
   })
 })

cypress/support/index.ts

@@ -25,6 +25,6 @@ import './config'
 import './fill'
 import './get-by-id'
 import './get-iframe-content'
-import './login'
+import './logout'
 import './visit-test-editor'
 import './visit'

cypress/support/visit-test-editor.ts

@@ -3,26 +3,30 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-
 export const testNoteId = 'test'
 
 beforeEach(() => {
-  cy.intercept(`/mock-backend/api/private/notes/${testNoteId}-get`, {
+  cy.intercept(`/api/mock-backend/private/notes/${testNoteId}`, {
     content: '',
     metadata: {
-      id: 'mock_note_id',
-      alias: 'mockNote',
-      version: 2,
-      viewCount: 0,
+      id: testNoteId,
+      alias: ['mock-note'],
+      primaryAlias: 'mock-note',
+      title: 'Mock Note',
+      description: 'Mocked note for testing',
+      tags: ['test', 'mock', 'cypress'],
       updateTime: '2021-04-24T09:27:51.000Z',
-      updateUser: {
-        userName: 'test',
-        displayName: 'Testy',
-        photo: '',
-        email: ''
-      },
+      updateUser: null,
+      viewCount: 0,
+      version: 2,
       createTime: '2021-04-24T09:27:51.000Z',
-      editedBy: []
-    }
+      editedBy: [],
+      permissions: {
+        owner: null,
+        sharedToUsers: [],
+        sharedToGroups: []
+      }
+    },
+    editedByAtPosition: []
   })
 })