examples/vue-3-cli/src/stories/addons/addon-interactions.stories.js
import { expect } from '@storybook/jest';
import { within, userEvent } from '@storybook/testing-library';
import Counter from './Counter.vue';
export default {
title: 'Addons/Interactions',
component: Counter,
};
const Template = (args) => ({
components: { Counter },
setup() {
return { args };
},
template: '<counter v-bind="args" />',
});
export const Default = Template.bind({});
Default.play = async ({ canvasElement }) => {
const canvas = within(canvasElement);
await userEvent.click(await canvas.findByText('Increment'));
const count = await canvas.findByTestId('count');
await expect(count.textContent).toEqual('You clicked 1 times');
};