passbolt-styleguide/src/react-extension/components/User/DeleteUser/DeleteUser.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 DeleteUser from "./DeleteUser";
import { defaultAppContext, mockUser } from "./DeleteUser.test.data";

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

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

export const LongUsername = {
  args: {
    context: defaultAppContext({
      deleteUserDialogProps: {
        user: mockUser({ username: "repeat".repeat(10) }),
      },
    }),
    onClose: () => {},
  },
};