Add frontend mock for buildinfo route

code-asher · code-asher · commit 0479d341d800 · 2022-04-06T00:30:10.000Z
diff --git a/site/src/components/Page/Footer.test.tsx b/site/src/components/Page/Footer.test.tsx
@@ -1,6 +1,6 @@
 import { screen } from "@testing-library/react"
 import React from "react"
-import { render } from "../../test_helpers"
+import { MockBuildInfo, render } from "../../test_helpers"
 import { Footer } from "./Footer"
 
 describe("Footer", () => {
@@ -10,5 +10,6 @@ describe("Footer", () => {
 
     // Then
     await screen.findByText("Copyright", { exact: false })
+    await screen.findByText(MockBuildInfo.version, { exact: false })
   })
 })
diff --git a/site/src/test_helpers/entities.ts b/site/src/test_helpers/entities.ts
@@ -1,9 +1,13 @@
-import { Organization, Project, Provisioner, UserAgent, UserResponse, Workspace } from "../api/types"
+import { BuildInfoResponse, Organization, Project, Provisioner, UserAgent, UserResponse, Workspace } from "../api/types"
 
 export const MockSessionToken = { session_token: "my-session-token" }
 
 export const MockAPIKey = { key: "my-api-key" }
 
+export const MockBuildInfo: BuildInfoResponse = {
+  version: "v99.999.9999+c9cdf14",
+}
+
 export const MockUser: UserResponse = {
   id: "test-user",
   username: "TestUser",
diff --git a/site/src/test_helpers/handlers.ts b/site/src/test_helpers/handlers.ts
@@ -2,6 +2,11 @@ import { rest } from "msw"
 import * as M from "./entities"
 
 export const handlers = [
+  // build info
+  rest.get("/api/v2/buildinfo", async (req, res, ctx) => {
+    return res(ctx.status(200), ctx.json(M.MockBuildInfo))
+  }),
+
   // organizations
   rest.get("/api/v2/organizations/:organizationId", async (req, res, ctx) => {
     return res(ctx.status(200), ctx.json(M.MockOrganization))
