@storybook/sveltekit/template/stories_svelte-kit-skeleton-ts/modules/forms.stories.js

Storybook for SvelteKit: Develop, document, and test UI components in isolation

import { expect, fn, within } from 'storybook/test';

import Forms from './Forms.svelte';

export default {
  title: 'stories/frameworks/sveltekit/modules/forms',
  component: Forms,
};

const enhance = fn();

export const Enhance = {
  async play({ canvasElement }) {
    const canvas = within(canvasElement);
    const button = canvas.getByText('enhance');
    button.click();
    expect(enhance).toHaveBeenCalled();
  },
  parameters: {
    sveltekit_experimental: {
      forms: {
        enhance,
      },
    },
  },
};