reshaped 3.8.0-canary.2 → 3.8.0-canary.3

package/dist/components/Actionable/tests/Actionable.test.stories.js

@@ -1,130 +0,0 @@
-import { userEvent, expect, fn } from "storybook/test";
-import Actionable from "../index.js";
-export default {
-    title: "Utility components/Actionable/tests",
-    component: Actionable,
-    parameters: {
-        iframe: {
-            url: "https://reshaped.so/docs/utilities/actionable",
-        },
-        chromatic: { disableSnapshot: true },
-    },
-};
-export const children = {
-    name: "children",
-    render: () => <Actionable>Trigger</Actionable>,
-    play: async ({ canvas }) => {
-        const el = canvas.getByText("Trigger");
-        expect(el).toBeInTheDocument();
-        expect(el.tagName).toBe("SPAN");
-    },
-};
-export const href = {
-    name: "href",
-    render: () => <Actionable href="https://reshaped.so">Trigger</Actionable>,
-    play: async ({ canvas }) => {
-        const el = canvas.getByRole("link");
-        expect(el).toHaveAttribute("href", "https://reshaped.so");
-    },
-};
-export const attributesHref = {
-    name: "attributes.href",
-    render: () => <Actionable attributes={{ href: "https://reshaped.so" }}>Trigger</Actionable>,
-    play: async ({ canvas }) => {
-        const el = canvas.getByRole("link");
-        expect(el).toHaveAttribute("href", "https://reshaped.so");
-    },
-};
-export const onClick = {
-    name: "onClick",
-    args: {
-        handleClick: fn(),
-    },
-    render: (args) => <Actionable onClick={args.handleClick}>Trigger</Actionable>,
-    play: async ({ canvas, args }) => {
-        const { handleClick } = args;
-        const el = canvas.getAllByRole("button")[0];
-        await userEvent.click(el);
-        expect(el).toHaveAttribute("type", "button");
-        expect(handleClick).toHaveBeenCalledTimes(1);
-        expect(handleClick).toHaveBeenCalledWith(expect.objectContaining({ target: el }));
-    },
-};
-export const hrefOnClick = {
-    name: "href + onClick",
-    args: {
-        handleClick: fn(),
-    },
-    render: (args) => (<Actionable onClick={(e) => {
-            e.preventDefault();
-            args.handleClick(e);
-        }} href="https://reshaped.so">
-			Trigger
-		</Actionable>),
-    play: async ({ canvas, args }) => {
-        const { handleClick } = args;
-        const el = canvas.getByRole("link");
-        await userEvent.click(el);
-        expect(el).toHaveAttribute("href", "https://reshaped.so");
-        expect(handleClick).toHaveBeenCalledTimes(1);
-        expect(handleClick).toHaveBeenCalledWith(expect.objectContaining({ target: el }));
-    },
-};
-export const as = {
-    name: "as",
-    render: () => (<Actionable onClick={() => { }} as="span">
-			Trigger
-		</Actionable>),
-    play: ({ canvas }) => {
-        const el = canvas.getAllByRole("button")[0];
-        expect(el.tagName).toBe("SPAN");
-    },
-};
-export const type = {
-    name: "type",
-    args: {
-        handleSubmit: fn(),
-    },
-    render: (args) => (<form onSubmit={(e) => {
-            e.preventDefault();
-            args.handleSubmit();
-        }}>
-			<Actionable onClick={() => { }} type="submit">
-				Trigger
-			</Actionable>
-		</form>),
-    play: async ({ canvas, args }) => {
-        const button = canvas.getAllByRole("button")[0];
-        await userEvent.click(button);
-        expect(args.handleSubmit).toHaveBeenCalledTimes(1);
-    },
-};
-export const stopPropagation = {
-    name: "stopPropagation",
-    args: {
-        handleParentClick: fn(),
-    },
-    render: (args) => (<div onClick={args.handleParentClick}>
-			<Actionable stopPropagation onClick={() => { }}>
-				Trigger
-			</Actionable>
-		</div>),
-    play: async ({ canvas, args }) => {
-        const button = canvas.getAllByRole("button")[0];
-        await userEvent.click(button);
-        expect(args.handleParentClick).not.toHaveBeenCalled();
-    },
-};
-export const className = {
-    name: "className, attributes",
-    render: () => (<div data-testid="root">
-			<Actionable className="test-classname" attributes={{ id: "test-id" }}>
-				Trigger
-			</Actionable>
-		</div>),
-    play: async ({ canvas }) => {
-        const root = canvas.getByTestId("root").firstChild;
-        expect(root).toHaveClass("test-classname");
-        expect(root).toHaveAttribute("id", "test-id");
-    },
-};