Add tests

kylecarbs · kylecarbs · commit 15637bd9faa7 · 2022-05-17T14:25:28.000Z
diff --git a/site/src/pages/TemplatesPage/TemplatesPage.test.tsx b/site/src/pages/TemplatesPage/TemplatesPage.test.tsx
@@ -0,0 +1,67 @@
+import { screen } from "@testing-library/react"
+import { rest } from "msw"
+import React from "react"
+import { MockTemplate } from "../../testHelpers/entities"
+import { history, render } from "../../testHelpers/renderHelpers"
+import { server } from "../../testHelpers/server"
+import TemplatesPage from "./TemplatesPage"
+import { Language } from "./TemplatesPageView"
+
+describe("TemplatesPage", () => {
+  beforeEach(() => {
+    history.replace("/workspaces")
+  })
+
+  it("renders an empty templates page", async () => {
+    // Given
+    server.use(
+      rest.get("/api/v2/organizations/:organizationId/templates", (req, res, ctx) => {
+        return res(ctx.status(200), ctx.json([]))
+      }),
+      rest.post("/api/v2/users/:userId/authorization", async (req, res, ctx) => {
+        return res(
+          ctx.status(200),
+          ctx.json({
+            createTemplates: true,
+          }),
+        )
+      }),
+    )
+
+    // When
+    render(<TemplatesPage />)
+
+    // Then
+    await screen.findByText(Language.emptyViewCreate)
+  })
+
+  it("renders a filled templates page", async () => {
+    // When
+    render(<TemplatesPage />)
+
+    // Then
+    await screen.findByText(MockTemplate.name)
+  })
+
+  it("shows empty view without permissions to create", async () => {
+    server.use(
+      rest.get("/api/v2/organizations/:organizationId/templates", (req, res, ctx) => {
+        return res(ctx.status(200), ctx.json([]))
+      }),
+      rest.post("/api/v2/users/:userId/authorization", async (req, res, ctx) => {
+        return res(
+          ctx.status(200),
+          ctx.json({
+            createTemplates: false,
+          }),
+        )
+      }),
+    )
+
+    // When
+    render(<TemplatesPage />)
+
+    // Then
+    await screen.findByText(Language.emptyViewNoPerms)
+  })
+})
diff --git a/site/src/pages/TemplatesPage/TemplatesPageView.stories.tsx b/site/src/pages/TemplatesPage/TemplatesPageView.stories.tsx
@@ -14,16 +14,16 @@ export const AllStates = Template.bind({})
 AllStates.args = {
   canCreateTemplate: true,
   templates: [
-      MockTemplate,
-      {
-          ...MockTemplate,
-          description: "🚀 Some magical template that does some magical things!",
-      },
-      {
-          ...MockTemplate,
-          workspace_owner_count: 150,
-          description: "😮 Wow, this one has a bunch of usage!"
-      }
+    MockTemplate,
+    {
+      ...MockTemplate,
+      description: "🚀 Some magical template that does some magical things!",
+    },
+    {
+      ...MockTemplate,
+      workspace_owner_count: 150,
+      description: "😮 Wow, this one has a bunch of usage!",
+    },
   ],
 }
 
diff --git a/site/src/pages/TemplatesPage/TemplatesPageView.tsx b/site/src/pages/TemplatesPage/TemplatesPageView.tsx
@@ -21,7 +21,8 @@ dayjs.extend(relativeTime)
 
 export const Language = {
   createButton: "Create Template",
-  emptyView: "to standardize development workspaces for your team.",
+  emptyViewCreate: "to standardize development workspaces for your team.",
+  emptyViewNoPerms: "No templates have been created! Contact your Coder administrator.",
 }
 
 export interface TemplatesPageViewProps {
@@ -57,10 +58,10 @@ export const TemplatesPageView: React.FC<TemplatesPageViewProps> = (props) => {
                         <Link component={RouterLink} to="/templates/new">
                           Create a template
                         </Link>
-                        &nbsp;{Language.emptyView}
+                        &nbsp;{Language.emptyViewCreate}
                       </span>
                     ) : (
-                      <span>No templates have been created! Contact your Coder administrator.</span>
+                      <span>{Language.emptyViewNoPerms}</span>
                     )}
                   </div>
                 </TableCell>
diff --git a/site/src/testHelpers/handlers.ts b/site/src/testHelpers/handlers.ts
@@ -17,6 +17,9 @@ export const handlers = [
   rest.get("/api/v2/organizations/:organizationId/templates/:templateId", async (req, res, ctx) => {
     return res(ctx.status(200), ctx.json(M.MockTemplate))
   }),
+  rest.get("/api/v2/organizations/:organizationId/templates", async (req, res, ctx) => {
+    return res(ctx.status(200), ctx.json([M.MockTemplate]))
+  }),
 
   // templates
   rest.get("/api/v2/templates/:templateId", async (req, res, ctx) => {
diff --git a/site/static/terraform-logo.svg b/site/static/terraform-logo.svg
diff --git a/site/webpack.dev.ts b/site/webpack.dev.ts
@@ -61,7 +61,7 @@ const config: Configuration = {
     port: process.env.PORT || 8080,
     proxy: {
       "/api": {
-        target: "https://dev.coder.com",
+        target: "http://localhost:3000",
         ws: true,
         secure: false,
       },
