test: add viewer role to tests (#10398)

* fix: add viewer role to tests

* global setup for viewer

* add global setup

* fix global setup

* cleanup

* Update app/tests/viewer-access.spec.ts

Co-authored-by: graphite-app[bot] <96075541+graphite-app[bot]@users.noreply.github.com>

---------

Co-authored-by: graphite-app[bot] <96075541+graphite-app[bot]@users.noreply.github.com>

Author: mikeldking

app/global-setup.ts

@@ -23,9 +23,9 @@ async function globalSetup(config: FullConfig) {
   await page.waitForURL("**/projects");
   await page.goto(`${baseURL}/settings/general`);
   await page.waitForURL("**/settings/general");
-  await page.getByRole("button", { name: "Add User" }).click();
 
   // Add member user
+  await page.getByRole("button", { name: "Add User" }).click();
   await page.getByLabel("Email").fill("[email protected]");
   await page.getByLabel("Username").fill("member");
   await page.getByLabel("Password", { exact: true }).fill("member");
@@ -38,11 +38,25 @@ async function globalSetup(config: FullConfig) {
     .getByRole("button", { name: "Add User" })
     .click();
 
+  // Add viewer user
+  await page.getByRole("button", { name: "Add User" }).click();
+  await page.getByLabel("Email").fill("[email protected]");
+  await page.getByLabel("Username").fill("viewer");
+  await page.getByLabel("Password", { exact: true }).fill("viewer");
+  await page.getByLabel("Confirm Password").fill("viewer");
+
+  await page.getByRole("dialog").getByLabel("member", { exact: true }).click();
+  await page.getByRole("option", { name: "viewer" }).click();
+  await page
+    .getByRole("dialog")
+    .getByRole("button", { name: "Add User" })
+    .click();
+
   // Log out of admin account
   await page.getByRole("button", { name: "Log Out" }).click();
 
   // Log in as member
-  page.goto(`${baseURL}/login`);
+  await page.goto(`${baseURL}/login`);
   await page.getByLabel("Email").fill("[email protected]");
   await page.getByLabel("Password").fill("member");
   await page.getByRole("button", { name: "Log In", exact: true }).click();
@@ -53,6 +67,19 @@ async function globalSetup(config: FullConfig) {
   await page.getByLabel("New Password").fill("member123");
   await page.getByLabel("Confirm Password").fill("member123");
   await page.getByRole("button", { name: "Reset Password" }).click();
+
+  // Log in as viewer
+  await page.goto(`${baseURL}/login`);
+  await page.getByLabel("Email").fill("[email protected]");
+  await page.getByLabel("Password").fill("viewer");
+  await page.getByRole("button", { name: "Log In", exact: true }).click();
+
+  // Reset viewer password
+  await page.waitForURL("**/reset-password");
+  await page.getByLabel("Old Password").fill("viewer");
+  await page.getByLabel("New Password").fill("viewer123");
+  await page.getByLabel("Confirm Password").fill("viewer123");
+  await page.getByRole("button", { name: "Reset Password" }).click();
 }
 
 export default globalSetup;

app/tests/member-access.spec.ts

@@ -34,3 +34,15 @@ test("can create user key", async ({ page }) => {
     timeout: 60000,
   });
 });
+
+test("should be able to create a new project", async ({ page }) => {
+  await page.goto("/projects");
+  await page.waitForURL("**/projects");
+
+  // Wait for the page to be loaded
+  await expect(
+    page.getByRole("searchbox", { name: "Search projects by name" })
+  ).toBeVisible();
+
+  await expect(page.getByRole("button", { name: "New Project" })).toBeVisible();
+});

app/tests/user-management.spec.ts

@@ -34,3 +34,28 @@ test("can create a user", async ({ page }) => {
   // Check if the user is created
   await expect(page.getByRole("cell", { name: email })).toBeVisible();
 });
+
+test("can create a user with viewer role", async ({ page }) => {
+  await page.goto("/settings/general");
+  await page.waitForURL("**/settings/general");
+  await page.getByRole("button", { name: "Add User" }).click();
+
+  const email = `viewer-${randomUUID()}@localhost.com`;
+  // Add the user
+  await page.getByLabel("Email").fill(email);
+  await page.getByLabel("Username").fill(email);
+  await page.getByLabel("Password", { exact: true }).fill("viewer123");
+  await page.getByLabel("Confirm Password").fill("viewer123");
+  await page.getByRole("dialog").getByLabel("member", { exact: true }).click();
+  await page
+    .getByRole("dialog")
+    .getByRole("option", { name: "viewer" })
+    .click();
+  await page
+    .getByRole("dialog")
+    .getByRole("button", { name: "Add User" })
+    .click();
+
+  // Check if the user is created
+  await expect(page.getByRole("cell", { name: email })).toBeVisible();
+});

app/tests/viewer-access.spec.ts

@@ -0,0 +1,50 @@
+import { expect, test } from "@playwright/test";
+import { randomUUID } from "crypto";
+
+test.beforeEach(async ({ page }) => {
+  await page.goto(`/login`);
+  await page.getByLabel("Email").fill("[email protected]");
+  await page.getByLabel("Password").fill("viewer123");
+  await page.getByRole("button", { name: "Log In", exact: true }).click();
+  await page.waitForURL("**/projects");
+});
+
+test("can create user key", async ({ page }) => {
+  // Navigate to profile page
+  await page.goto("/profile");
+
+  // Generate a unique key name for this test run
+  const keyName = `key-${randomUUID()}`;
+
+  // Click the "New Key" button to open the create dialog
+  await page.getByRole("button", { name: "New Key" }).click();
+
+  // Fill in the key name and submit
+  await page.getByRole("dialog").getByLabel("Name").fill(keyName);
+  await page.getByRole("button", { name: "Create Key" }).click();
+
+  // Close the dialog that appears after creating the key
+  await page
+    .getByRole("dialog")
+    .getByRole("button", { name: "dismiss" })
+    .click();
+
+  // Verify the named key appears in the table - which means key creation succeeded
+  await expect(page.getByRole("cell", { name: keyName })).toBeVisible({
+    timeout: 60000,
+  });
+});
+
+test("should not be able to create a new project", async ({ page }) => {
+  await page.goto("/projects");
+  await page.waitForURL("**/projects");
+
+  // Wait for the page to be loaded
+  await expect(
+    page.getByRole("searchbox", { name: "Search projects by name" })
+  ).toBeVisible();
+
+  await expect(
+    page.getByRole("button", { name: "New Project" })
+  ).not.toBeVisible();
+});