Add test

kylecarbs · kylecarbs · commit 5153cb15973c · 2022-09-12T23:14:24.000Z
diff --git a/site/src/components/UsersTable/UsersTableBody.tsx b/site/src/components/UsersTable/UsersTableBody.tsx
@@ -15,7 +15,7 @@ export const Language = {
   emptyMessage: "No users found",
   suspendMenuItem: "Suspend",
   deleteMenuItem: "Delete",
-  listWorkspacesMenuItem: "View Workspaces",
+  listWorkspacesMenuItem: "View workspaces",
   activateMenuItem: "Activate",
   resetPasswordMenuItem: "Reset password",
 }
diff --git a/site/src/pages/UsersPage/UsersPage.test.tsx b/site/src/pages/UsersPage/UsersPage.test.tsx
@@ -52,6 +52,38 @@ const suspendUser = async (setupActionSpies: () => void) => {
   fireEvent.click(confirmButton)
 }
 
+const deleteUser = async (setupActionSpies: () => void) => {
+  // Get the first user in the table
+  const users = await screen.findAllByText(/.*@coder.com/)
+  const firstUserRow = users[0].closest("tr")
+  if (!firstUserRow) {
+    throw new Error("Error on get the first user row")
+  }
+
+  // Click on the "more" button to display the "Suspend" option
+  const moreButton = within(firstUserRow).getByLabelText("more")
+
+  fireEvent.click(moreButton)
+
+  const menu = await screen.findByRole("menu")
+  const suspendButton = within(menu).getByText(UsersTableBodyLanguage.deleteMenuItem)
+
+  fireEvent.click(suspendButton)
+
+  // Check if the confirm message is displayed
+  const confirmDialog = await screen.findByRole("dialog")
+  expect(confirmDialog).toHaveTextContent(
+    `${UsersPageLanguage.deleteDialogMessagePrefix} ${MockUser.username}?`,
+  )
+
+  // Setup spies to check the actions after
+  setupActionSpies()
+
+  // Click on the "Confirm" button
+  const confirmButton = within(confirmDialog).getByText(UsersPageLanguage.deleteDialogAction)
+  fireEvent.click(confirmButton)
+}
+
 const activateUser = async (setupActionSpies: () => void) => {
   // Get the first user in the table
   const users = await screen.findAllByText(/.*@coder.com/)
@@ -229,6 +261,57 @@ describe("UsersPage", () => {
     })
   })
 
+  describe("delete user", () => {
+    describe("when it is success", () => {
+      it("shows a success message and refresh the page", async () => {
+        render(
+          <>
+            <UsersPage />
+            <GlobalSnackbar />
+          </>,
+        )
+
+        await deleteUser(() => {
+          jest.spyOn(API, "deleteUser").mockResolvedValueOnce(undefined)
+          jest
+            .spyOn(API, "getUsers")
+            .mockImplementationOnce(() => Promise.resolve([MockUser, MockUser2]))
+        })
+
+        // Check if the success message is displayed
+        screen.findByText(usersXServiceLanguage.deleteUserSuccess)
+
+        // Check if the API was called correctly
+        expect(API.deleteUser).toBeCalledTimes(1)
+        expect(API.deleteUser).toBeCalledWith(MockUser.id)
+
+        // Check if the users list was reload
+        await waitFor(() => expect(API.getUsers).toBeCalledTimes(1))
+      })
+    })
+    describe("when it fails", () => {
+      it("shows an error message", async () => {
+        render(
+          <>
+            <UsersPage />
+            <GlobalSnackbar />
+          </>,
+        )
+
+        await deleteUser(() => {
+          jest.spyOn(API, "deleteUser").mockRejectedValueOnce({})
+        })
+
+        // Check if the error message is displayed
+        screen.findByText(usersXServiceLanguage.deleteUserError)
+
+        // Check if the API was called correctly
+        expect(API.deleteUser).toBeCalledTimes(1)
+        expect(API.deleteUser).toBeCalledWith(MockUser.id)
+      })
+    })
+  })
+
   describe("activate user", () => {
     describe("when user is successfully activated", () => {
       it("shows a success message and refreshes the page", async () => {

Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@ export const Language = {`
`15`	`15`	`emptyMessage: "No users found",`
`16`	`16`	`suspendMenuItem: "Suspend",`
`17`	`17`	`deleteMenuItem: "Delete",`
`18`		`- listWorkspacesMenuItem: "View Workspaces",`
	`18`	`+ listWorkspacesMenuItem: "View workspaces",`
`19`	`19`	`activateMenuItem: "Activate",`
`20`	`20`	`resetPasswordMenuItem: "Reset password",`
`21`	`21`	`}`