mirror of
https://github.com/coder/coder.git
synced 2026-06-05 05:58:20 +00:00
Bruno Quaresma
cb6facb53a
This is a significant PR that will impact many parts of the UI, so I’d like to ask you, @jaaydenh, for a very thorough review of the Storybook stories on Chromatic. I know it’s a bit of a hassle with around 180 stories affected, but it’s all for a good cause 💪 Main changes: - Update the `Button` component to match the [new buttons design](https://www.figma.com/design/WfqIgsTFXN2BscBSSyXWF8/Coder-kit?node-id=3-1756&p=f&m=dev). - Update forms and dialogs to use the new `Button` component. Related to https://github.com/coder/coder/issues/14978
36 lines
1.2 KiB
TypeScript
36 lines
1.2 KiB
TypeScript
import { expect, test } from "@playwright/test";
|
|
import { randomName, requiresLicense } from "../../helpers";
|
|
import { login } from "../../helpers";
|
|
import { beforeCoderTest } from "../../hooks";
|
|
|
|
test.beforeEach(async ({ page }) => {
|
|
beforeCoderTest(page);
|
|
await login(page);
|
|
});
|
|
|
|
test("create group", async ({ page, baseURL }) => {
|
|
requiresLicense();
|
|
|
|
await page.goto(`${baseURL}/groups`, { waitUntil: "domcontentloaded" });
|
|
await expect(page).toHaveTitle("Groups - Coder");
|
|
|
|
await page.getByText("Create group").click();
|
|
await expect(page).toHaveTitle("Create Group - Coder");
|
|
|
|
const name = randomName();
|
|
const groupValues = {
|
|
name: name,
|
|
displayName: `Display Name for ${name}`,
|
|
avatarURL: "/emojis/1f60d.png",
|
|
};
|
|
|
|
await page.getByLabel("Name", { exact: true }).fill(groupValues.name);
|
|
await page.getByLabel("Display Name").fill(groupValues.displayName);
|
|
await page.getByLabel("Avatar URL").fill(groupValues.avatarURL);
|
|
await page.getByRole("button", { name: /save/i }).click();
|
|
|
|
await expect(page).toHaveTitle(`${groupValues.displayName} - Coder`);
|
|
await expect(page.getByText(groupValues.displayName)).toBeVisible();
|
|
await expect(page.getByText("No members yet")).toBeVisible();
|
|
});
|