chore(site): add e2e to test add and remove user

BrunoQuaresma · BrunoQuaresma · commit aae70a0726e1 · 2024-04-02T18:21:34.000Z
diff --git a/site/e2e/tests/manageUsers.spec.ts b/site/e2e/tests/manageUsers.spec.ts
@@ -0,0 +1,36 @@
+import { test, expect } from "@playwright/test";
+import { beforeCoderTest } from "../hooks";
+
+test.beforeEach(async ({ page }) => await beforeCoderTest(page));
+
+test("manage users", async ({ page, baseURL }) => {
+  await page.goto(`${baseURL}/users`, { waitUntil: "domcontentloaded" });
+  await expect(page).toHaveTitle("Users - Coder");
+
+  await page.getByRole("button", { name: "Create user" }).click();
+  await expect(page).toHaveTitle("Create User - Coder");
+
+  const userValues = {
+    username: "testuser",
+    email: "testuser@coder.com",
+    loginType: "password",
+    password: "s3cure&password!",
+  };
+  await page.getByLabel("Username").fill(userValues.username);
+  await page.getByLabel("Email").fill(userValues.email);
+  await page.getByLabel("Login Type").click();
+  await page.getByRole("option", { name: "Password", exact: false }).click();
+  // Using input[name=password] due to the select element utilizing 'password'
+  // as the label for the currently active option.
+  const passwordField = page.locator("input[name=password]");
+  await passwordField.fill(userValues.password);
+  await page.getByRole("button", { name: "Create user" }).click();
+  await expect(page.getByText("Successfully created user.")).toBeVisible();
+
+  const userRow = page.locator("tr", { hasText: userValues.email });
+  await userRow.getByRole("button", { name: "More options" }).click();
+  await page.getByText("Delete", { exact: false }).click();
+  await page.getByLabel("Name of the user to delete").fill(userValues.username);
+  await page.getByRole("button", { name: "Delete" }).click();
+  await expect(page.getByText("Successfully deleted the user.")).toBeVisible();
+});
diff --git a/site/src/pages/CreateUserPage/CreateUserForm.tsx b/site/src/pages/CreateUserPage/CreateUserForm.tsx
@@ -193,7 +193,11 @@ export const CreateUserForm: FC<
             type="password"
           />
         </Stack>
-        <FormFooter onCancel={onCancel} isLoading={isLoading} />
+        <FormFooter
+          submitLabel="Create user"
+          onCancel={onCancel}
+          isLoading={isLoading}
+        />
       </form>
     </FullPageForm>
   );
diff --git a/site/src/pages/CreateUserPage/CreateUserPage.test.tsx b/site/src/pages/CreateUserPage/CreateUserPage.test.tsx
@@ -1,6 +1,5 @@
 import { fireEvent, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { Language as FooterLanguage } from "components/FormFooter/FormFooter";
 import {
   renderWithAuth,
   waitForLoaderToBeRemoved,
@@ -35,9 +34,7 @@ const fillForm = async ({
   await userEvent.type(emailField, email);
   await userEvent.type(loginTypeField, "password");
   await userEvent.type(passwordField as HTMLElement, password);
-  const submitButton = await screen.findByText(
-    FooterLanguage.defaultSubmitLabel,
-  );
+  const submitButton = await screen.findByText("Create user");
   fireEvent.click(submitButton);
 };
 
