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

Storybook for SvelteKit

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

import Forms from './Forms.svelte';

export default {
  title: 'stories/sveltekit/modules/forms',
  component: Forms,
  tags: ['autodocs'],
};

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,
      },
    },
  },
};