Set up fake response

coder · presleyp · Apr 14, 2022 · Apr 11, 2022 · Apr 11, 2022 · Apr 11, 2022
commit 665e21768fde7190e00c3415c376b6ed34b91f1f
diff --git a/site/src/api/index.ts b/site/src/api/index.ts
@@ -1,5 +1,6 @@
 import axios, { AxiosRequestHeaders } from "axios"
 import { mutate } from "swr"
+import { MockPager, MockUser, MockUser2 } from "../test_helpers"
 import * as Types from "./types"
 
 const CONTENT_TYPE_JSON: AxiosRequestHeaders = {
@@ -69,9 +70,13 @@ export const getApiKey = async (): Promise<Types.APIKeyResponse> => {
   return response.data
 }
 
-export const getUsers = async (): Promise<Types.UserResponse[]> => {
-  const response = await axios.get<Types.UserResponse[]>("/api/v2/users")
-  return response.data
+export const getUsers = async (): Promise<Types.PagedUsers> => {
+  // const response = await axios.get<Types.UserResponse[]>("/api/v2/users")
+  // return response.data
+  return Promise.resolve({
+    page: [MockUser, MockUser2],
+    pager: MockPager
+  })
 }
 
 export const getBuildInfo = async (): Promise<Types.BuildInfoResponse> => {

diff --git a/site/src/api/types.ts b/site/src/api/types.ts
@@ -1,3 +1,5 @@
+import internal from "stream";
+
 /**
  * `BuildInfoResponse` must be kept in sync with the go struct in buildinfo.go.
  */
@@ -74,3 +76,21 @@ export interface UserAgent {
   readonly ip_address: string
   readonly os: string
 }
+
+export interface Cursor {
+  after: string
+  before: string
+  limit: number
+  total: number
+}
+export interface Pager {
+  cursor: Cursor
+  next: string
+  previous: string
+  total: number
+}
+
+export interface PagedUsers {
+  page: UserResponse[]
+  pager: Pager
+}
diff --git a/site/src/test_helpers/entities.ts b/site/src/test_helpers/entities.ts
@@ -6,6 +6,7 @@ import {
   UserAgent,
   UserResponse,
   Workspace,
+  Pager
 } from "../api/types"
 
 export const MockSessionToken = { session_token: "my-session-token" }
@@ -31,6 +32,18 @@ export const MockUser2: UserResponse = {
   created_at: "",
 }
 
+export const MockPager: Pager = {
+  cursor: {
+    after: "",
+    before: "",
+    limit: 10,
+    total: 25 
+  },
+  next: "",
+  previous: "",
+  total: 25
+}
+
 export const MockOrganization: Organization = {
   id: "test-org",
   name: "Test Organization",

diff --git a/site/src/xServices/users/usersXService.ts b/site/src/xServices/users/usersXService.ts
@@ -3,6 +3,9 @@ import * as API from "../../api"
 import * as Types from "../../api/types"
 
 export interface UsersContext {
+  users: Types.UserResponse[]
+  pager: Types.Pager
+  getUsersError: Error | unknown
 }
 
 export type UsersEvent = { type: 'GET_USERS' }
@@ -16,12 +19,10 @@ export const usersMachine =
         events: {} as UsersEvent,
         services: {} as {
           getUsers: {
-            data: Types.UserResponse[]
+            data: Types.PagedUsers
           }
         },
       },
-      context: {
-      },
       id: "usersState",
       initial: "gettingUsers",
       states: {
@@ -62,7 +63,8 @@ export const usersMachine =
       },
       actions: {
         assignUsers: assign({
-          me: (_, event) => event.data,
+          users: (_, event) => event.data.page,
+          pager: (_, event) => event.data.pager
         }),
         assignGetUsersError: assign({
           getUsersError: (_, event) => event.data,