Add smoke test for CreateProjectForm

bryphe-coder · bryphe-coder · commit 9036e6004401 · 2022-01-25T20:54:04.000Z
diff --git a/site/forms/CreateProjectForm.test.tsx b/site/forms/CreateProjectForm.test.tsx
@@ -0,0 +1,29 @@
+import { render, screen } from "@testing-library/react"
+import React from "react"
+import { CreateProjectForm } from "./CreateProjectForm"
+import { MockProvisioner, MockOrganization, MockProject } from "./../test_helpers"
+
+describe("CreateProjectForm", () => {
+  it("renders", async () => {
+    // Given
+    const provisioners = [MockProvisioner]
+    const organizations = [MockOrganization]
+    const onSubmit = () => Promise.resolve(MockProject)
+    const onCancel = () => Promise.resolve()
+
+    // When
+    render(
+      <CreateProjectForm
+        provisioners={provisioners}
+        organizations={organizations}
+        onSubmit={onSubmit}
+        onCancel={onCancel}
+      />,
+    )
+
+    // Then
+    // Simple smoke test to verify form renders
+    const element = await screen.findByText("Create Project")
+    expect(element).toBeDefined()
+  })
+})
diff --git a/site/test_helpers/index.tsx b/site/test_helpers/index.tsx
@@ -12,4 +12,4 @@ export const render = (component: React.ReactElement): RenderResult => {
   return wrappedRender(<WrapperComponent>{component}</WrapperComponent>)
 }
 
-export * from "./user"
+export * from "./mocks"
diff --git a/site/test_helpers/mocks.ts b/site/test_helpers/mocks.ts
@@ -0,0 +1,31 @@
+import { User } from "../contexts/UserContext"
+import { Provisioner, Organization, Project } from "../api"
+
+export const MockUser: User = {
+  id: "test-user-id",
+  username: "TestUser",
+  email: "test@coder.com",
+  created_at: "",
+}
+
+export const MockProject: Project = {
+  id: "project-id",
+  created_at: "",
+  updated_at: "",
+  organization_id: "test-org",
+  name: "Test Project",
+  provisioner: "test-provisioner",
+  active_version_id: "",
+}
+
+export const MockProvisioner: Provisioner = {
+  id: "test-provisioner",
+  name: "Test Provisioner",
+}
+
+export const MockOrganization: Organization = {
+  id: "test-org",
+  name: "Test Organization",
+  created_at: "",
+  updated_at: "",
+}
diff --git a/site/test_helpers/user.ts b/site/test_helpers/user.ts

Original file line number	Diff line number	Diff line change
`@@ -12,4 +12,4 @@ export const render = (component: React.ReactElement): RenderResult => {`
`12`	`12`	`return wrappedRender(<WrapperComponent>{component}</WrapperComponent>)`
`13`	`13`	`}`
`14`	`14`
`15`		`-export * from "./user"`
	`15`	`+export * from "./mocks"`