quick and dirty fixing of List Drawer, open rooms query, rooms store

dreammall-earth · Jun 27, 2024 · 3e4db09 · 3e4db09
1 parent 83d40a2
commit 3e4db09
Show file tree

Hide file tree

Showing 20 changed files with 1,458 additions and 13,358 deletions.
diff --git a/frontend/.storybook/ApolloWrapper.vue b/frontend/.storybook/ApolloWrapper.vue
@@ -3,30 +3,54 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, provide } from 'vue'
-import { DefaultApolloClient } from '@vue/apollo-composable'
+ import { defineComponent, provide } from 'vue'
+ import { DefaultApolloClient } from '@vue/apollo-composable'
 
-import { joinMyRoomMutation } from '#mutations/joinMyRoomMutation'
-import { MockedProvider } from '@apollo/client/testing'
+ import { joinMyRoomMutation } from '#mutations/joinMyRoomMutation'
+ import { openRoomsQuery } from '#src/graphql/queries/openRoomsQuery'
+ import { MockedProvider } from '@apollo/client/testing'
 
-const apolloClient = new MockedProvider({
-  mocks: [
-    {
-      request: {
-        query: joinMyRoomMutation,
-      },
-      result: {
-        data: {
-          joinMyRoom: 'https://meet.jit.si/room',
-        },
-      },
-    },
-  ],
-})
+ const apolloClient = new MockedProvider({
+   mocks: [
+     {
+       request: {
+         query: joinMyRoomMutation,
+       },
+       result: {
+         data: {
+           joinMyRoom: 'https://meet.jit.si/room',
+         },
+       },
+     },
+     {
+       request: {
+         query: openRoomsQuery,
+       },
+       result: {
+         data: {
+           openRooms: [
+             {
+               meetingID: 'my-meeting',
+               meetingName: 'my meeting',
+               startTime: 1234,
+               participantCount: 1,
+               attendees: [
+                 {
+                   fullName: 'Peter Lustig',
+                 },
+               ],
+               joinLink: 'https://my.link',
+             },
+           ]
+         },
+       },
+     },
+   ],
+ })
 
-export default defineComponent({
-  setup() {
-    provide(DefaultApolloClient, apolloClient)
-  },
-})
+ export default defineComponent({
+   setup() {
+     provide(DefaultApolloClient, apolloClient)
+   },
+ })
 </script>
diff --git a/frontend/scripts/tests/mock.apolloClient.ts b/frontend/scripts/tests/mock.apolloClient.ts
@@ -1,9 +1,19 @@
 import { DefaultApolloClient } from '@vue/apollo-composable'
 import { config } from '@vue/test-utils'
 import { createMockClient } from 'mock-apollo-client'
+import { vi } from 'vitest'
+
+import { openRoomsQuery } from '#src/graphql/queries/openRoomsQuery'
 
 export const mockClient = createMockClient()
 
+export const openRoomsQueryMock = vi.fn()
+
+mockClient.setRequestHandler(
+  openRoomsQuery,
+  openRoomsQueryMock.mockResolvedValue({ data: { openRooms: [] } }),
+)
+
 config.global.provide = {
   ...config.global.provide,
   [DefaultApolloClient]: mockClient,