synced/coder
1
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2025-07-13 21:36:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: storybook additions and cleanup (#14968)

Browse Source
This commit is contained in:
Jaayden Halko
2024-10-04 16:19:24 -04:00
committed by GitHub
parent 7d281c308f
commit ea3b13c78e
3 changed files with 73 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
site/src/pages/ManagementSettingsPage/CustomRolesPage/CreateEditRolePageView.stories.tsx
View File

@ -29,52 +29,81 @@ export const Default: Story = {
export const CheckboxIndeterminate: Story = {
args: {
...Default.args,
role: assignableRole(MockRole2WithOrgPermissions, true),
onSubmit: () => null,
isLoading: false,
organizationName: "my-org",
canAssignOrgRole: true,
},
};
export const WithError: Story = {
args: {
role: assignableRole(MockRoleWithOrgPermissions, true),
onSubmit: () => null,
...Default.args,
role: undefined,
error: "this is an error",
},
};
export const WithValidationError: Story = {
args: {
...Default.args,
role: undefined,
error: mockApiError({
message: "A role named new-role already exists.",
validations: [{ field: "name", detail: "Role names must be unique" }],
}),
isLoading: false,
organizationName: "my-org",
canAssignOrgRole: true,
},
play: async ({ canvasElement, step }) => {
const canvas = within(canvasElement);
await step("Enter name", async () => {
const input = canvas.getByLabelText("Name");
await userEvent.type(input, "new-role");
input.blur();
});
},
};
export const CannotEdit: Story = {
export const InvalidCharsError: Story = {
args: {
role: assignableRole(MockRoleWithOrgPermissions, true),
onSubmit: () => null,
error: undefined,
isLoading: false,
organizationName: "my-org",
...Default.args,
role: undefined,
},
play: async ({ canvasElement, step }) => {
const canvas = within(canvasElement);
await step("Enter name", async () => {
const input = canvas.getByLabelText("Name");
await userEvent.type(input, "!~@#@!");
input.blur();
});
},
};
export const CannotEditRoleName: Story = {
args: {
...Default.args,
canAssignOrgRole: false,
},
};
export const ShowAllResources: Story = {
args: {
role: assignableRole(MockRoleWithOrgPermissions, true),
onSubmit: () => null,
error: undefined,
isLoading: false,
organizationName: "my-org",
canAssignOrgRole: true,
...Default.args,
allResources: true,
},
};
export const Loading: Story = {
args: {
...Default.args,
isLoading: true,
},
};
export const ToggleParentCheckbox: Story = {
args: {
...Default.args,
role: undefined,
},
play: async ({ canvasElement }) => {
const user = userEvent.setup();
const canvas = within(canvasElement);

6
site/src/pages/ManagementSettingsPage/CustomRolesPage/PermissionPillsList.stories.tsx
View File

@ -44,9 +44,3 @@ export const HoverOverflowPill: Story = {
await userEvent.hover(canvas.getByTestId("overflow-permissions-pill"));
},
};
export const ShowAllResources: Story = {
args: {
permissions: MockRoleWithOrgPermissions.organization_permissions,
},
};

44
site/src/pages/ManagementSettingsPage/IdpSyncPage/IdpSyncPageView.stories.tsx
View File

@ -1,4 +1,5 @@
import type { Meta, StoryObj } from "@storybook/react";
import { expect, userEvent, within } from "@storybook/test";
import {
MockGroup,
MockGroup2,
@ -43,17 +44,6 @@ export const Empty: Story = {
},
};
export const HasError: Story = {
args: {
groupSyncSettings: MockGroupSyncSettings,
roleSyncSettings: MockRoleSyncSettings,
groups: [MockGroup, MockGroup2],
groupsMap,
organization: MockOrganization,
error: "This is a test error",
},
};
export const Default: Story = {
args: {
groupSyncSettings: MockGroupSyncSettings,
@ -65,24 +55,36 @@ export const Default: Story = {
},
};
export const HasError: Story = {
args: {
...Default.args,
error: "This is a test error",
},
};
export const MissingGroups: Story = {
args: {
...Default.args,
groupSyncSettings: MockGroupSyncSettings2,
roleSyncSettings: MockRoleSyncSettings,
groups: [MockGroup, MockGroup2],
groupsMap,
organization: MockOrganization,
error: undefined,
},
};
export const WithLegacyMapping: Story = {
args: {
...Default.args,
groupSyncSettings: MockLegacyMappingGroupSyncSettings,
roleSyncSettings: MockRoleSyncSettings,
groups: [MockGroup, MockGroup2],
groupsMap,
organization: MockOrganization,
error: undefined,
},
};
export const RolesTab: Story = {
args: {
...Default.args,
},
play: async ({ canvasElement }) => {
const user = userEvent.setup();
const canvas = within(canvasElement);
const rolesTab = await canvas.findByText("Role Sync Settings");
await user.click(rolesTab);
await expect(canvas.findByText("IdP Role")).resolves.toBeVisible();
},
};