passbolt-styleguide/src/react-extension/components/UserGroup/DeleteUserGroup/DeleteUserGroup.test.stories.js

Passbolt styleguide contains common styling assets used by the different sites, plugin, etc.

import React from "react";
import AppContext from "../../../../shared/context/AppContext/AppContext";
import DeleteUserGroup from "./DeleteUserGroup";
import { defaultAppContext, mockGroup } from "./DeleteUserGroup.test.data";

export default {
  title: "Components/UserGroup/DeleteUserGroup",
  component: DeleteUserGroup,
  decorators: [
    (Story, { args }) => (
      <AppContext.Provider value={args.context}>
        <Story {...args} />
      </AppContext.Provider>
    ),
  ],
};

export const Initial = {
  args: {
    context: defaultAppContext(),
    onClose: () => {},
  },
};

export const LongGroupName = {
  args: {
    context: defaultAppContext({
      deleteGroupDialogProps: {
        group: mockGroup({ name: "repeat".repeat(10) }),
      },
    }),
    onClose: () => {},
  },
};