Files
coder/site/e2e/tests/updateTemplate.spec.ts
T
Ben Potter 3a4a0b7270 fix: rename "Add member" to "Add" on template permissions page (#23943)
The "Add member" button on the template permissions page is used to add
both **users and groups**, so the label is misleading when adding a
group.

<img width="1238" height="672" alt="image"
src="https://github.com/user-attachments/assets/dbdfc79e-9e2e-4f26-9258-418f2038511e"
/>
2026-04-01 14:46:18 -06:00

84 lines
2.4 KiB
TypeScript

import { expect, test } from "@playwright/test";
import { defaultOrganizationName, users } from "../constants";
import { expectUrl } from "../expectUrl";
import {
createGroup,
createTemplate,
login,
requiresLicense,
updateTemplateSettings,
} from "../helpers";
import { beforeCoderTest } from "../hooks";
test.describe.configure({ mode: "parallel" });
test.beforeEach(async ({ page }) => {
beforeCoderTest(page);
await login(page, users.templateAdmin);
});
test("template update with new name redirects on successful submit", async ({
page,
}) => {
const templateName = await createTemplate(page);
await updateTemplateSettings(page, templateName, {
name: "new-name",
});
});
test("add and remove a group", async ({ page }) => {
requiresLicense();
await login(page, users.userAdmin);
const orgName = defaultOrganizationName;
const groupName = await createGroup(page, orgName);
await login(page, users.templateAdmin);
const templateName = await createTemplate(page);
await page.goto(
`/templates/${orgName}/${templateName}/settings/permissions`,
{ waitUntil: "domcontentloaded" },
);
// Type the first half of the group name
await page
.getByPlaceholder("Search for user or group", { exact: true })
.fill(groupName.slice(0, 4));
// Select the group from the list and add it
await page.getByText(groupName).click();
await page.getByText("Add").click();
const row = page.locator(".MuiTableRow-root", { hasText: groupName });
await expect(row).toBeVisible();
// Now remove the group
await row.getByRole("button", { name: "Open menu" }).click();
const menu = page.getByRole("menu");
await menu.getByText("Remove").click();
await expect(page.getByText(/removed successfully/)).toBeVisible();
await expect(row).not.toBeVisible();
});
test("require latest version", async ({ page }) => {
requiresLicense();
const templateName = await createTemplate(page);
await page.goto(`/templates/${templateName}/settings`, {
waitUntil: "domcontentloaded",
});
await expectUrl(page).toHavePathName(`/templates/${templateName}/settings`);
let checkbox = await page.waitForSelector("#require_active_version");
await checkbox.click();
await page.getByRole("button", { name: /save/i }).click();
await page.goto(`/templates/${templateName}/settings`, {
waitUntil: "domcontentloaded",
});
checkbox = await page.waitForSelector("#require_active_version");
await checkbox.scrollIntoViewIfNeeded();
expect(await checkbox.isChecked()).toBe(true);
});