diff --git a/code/renderers/vue3/src/__tests__/Button.vue b/code/renderers/vue3/src/__tests__/Button.vue
index 5e09799f1a9d..322ac2c73921 100644
--- a/code/renderers/vue3/src/__tests__/Button.vue
+++ b/code/renderers/vue3/src/__tests__/Button.vue
@@ -1,58 +1,16 @@
-
-
-
-
-
-const classes = computed(() => ({
- 'storybook-button': true,
- 'storybook-button--primary': props.primary,
- 'storybook-button--secondary': !props.primary,
- [`storybook-button--${props.size || 'medium'}`]: true,
-}));
+
+
+
-const style = computed(() => ({
- backgroundColor: props.backgroundColor,
-}));
-
+
diff --git a/code/renderers/vue3/src/__tests__/Button.stories.ts b/code/renderers/vue3/src/__tests__/composeStories/Button.stories.ts
similarity index 96%
rename from code/renderers/vue3/src/__tests__/Button.stories.ts
rename to code/renderers/vue3/src/__tests__/composeStories/Button.stories.ts
index 7473a4753b34..1b14978a9976 100644
--- a/code/renderers/vue3/src/__tests__/Button.stories.ts
+++ b/code/renderers/vue3/src/__tests__/composeStories/Button.stories.ts
@@ -1,5 +1,5 @@
import { userEvent, within } from '@storybook/testing-library';
-import type { Meta, StoryFn as CSF2Story, StoryObj } from '..';
+import type { Meta, StoryFn as CSF2Story, StoryObj } from '../..';
import Button from './Button.vue';
@@ -53,6 +53,7 @@ const getCaptionForLocale = (locale: string) => {
export const CSF2StoryWithLocale: CSF2Story = (args, { globals }) => ({
components: { Button },
setup() {
+ console.log({ globals });
const label = getCaptionForLocale(globals.locale);
return { args: { ...args, label } };
},
diff --git a/code/renderers/vue3/src/__tests__/composeStories/Button.vue b/code/renderers/vue3/src/__tests__/composeStories/Button.vue
new file mode 100644
index 000000000000..5cd9890c850b
--- /dev/null
+++ b/code/renderers/vue3/src/__tests__/composeStories/Button.vue
@@ -0,0 +1,46 @@
+
+
+
+
+
diff --git a/code/renderers/vue3/src/__tests__/__snapshots__/internals.test.tsx.snap b/code/renderers/vue3/src/__tests__/composeStories/__snapshots__/internals.test.tsx.snap
similarity index 100%
rename from code/renderers/vue3/src/__tests__/__snapshots__/internals.test.tsx.snap
rename to code/renderers/vue3/src/__tests__/composeStories/__snapshots__/internals.test.tsx.snap
diff --git a/code/renderers/vue3/src/__tests__/composeStories.test.ts b/code/renderers/vue3/src/__tests__/composeStories/composeStories.test.ts
similarity index 94%
rename from code/renderers/vue3/src/__tests__/composeStories.test.ts
rename to code/renderers/vue3/src/__tests__/composeStories/composeStories.test.ts
index 026026b35d7e..cb2372a4c4e9 100644
--- a/code/renderers/vue3/src/__tests__/composeStories.test.ts
+++ b/code/renderers/vue3/src/__tests__/composeStories/composeStories.test.ts
@@ -5,7 +5,7 @@ import { expectTypeOf } from 'expect-type';
import type { Meta } from '@storybook/vue3';
import * as stories from './Button.stories';
import type Button from './Button.vue';
-import { composeStories, composeStory, setProjectAnnotations } from '../testing-api';
+import { composeStories, composeStory, setProjectAnnotations } from '../../testing-api';
// example with composeStories, returns an object with all stories composed with args/decorators
const { CSF3Primary } = composeStories(stories);
@@ -25,12 +25,12 @@ it('reuses args from composed story', () => {
expect(buttonElement.textContent).toEqual(Secondary.args.label);
});
-it('onclick handler is called', async () => {
- const onClickSpy = vi.fn();
- render(Secondary({ onClick: onClickSpy }));
+it('myClickEvent handler is called', async () => {
+ const myClickEventSpy = vi.fn();
+ render(Secondary({ onMyClickEvent: myClickEventSpy }));
const buttonElement = screen.getByRole('button');
buttonElement.click();
- expect(onClickSpy).toHaveBeenCalled();
+ expect(myClickEventSpy).toHaveBeenCalled();
});
it('reuses args from composeStories', () => {
diff --git a/code/renderers/vue3/src/__tests__/internals.test.tsx b/code/renderers/vue3/src/__tests__/composeStories/internals.test.tsx
similarity index 98%
rename from code/renderers/vue3/src/__tests__/internals.test.tsx
rename to code/renderers/vue3/src/__tests__/composeStories/internals.test.tsx
index e573f69ae048..3be07251c9c0 100644
--- a/code/renderers/vue3/src/__tests__/internals.test.tsx
+++ b/code/renderers/vue3/src/__tests__/composeStories/internals.test.tsx
@@ -3,7 +3,7 @@ import { addons } from '@storybook/preview-api';
import { render, screen } from '@testing-library/vue';
import { describe, it, expect } from 'vitest';
-import { composeStories, composeStory } from '../testing-api';
+import { composeStories, composeStory } from '../../testing-api';
import * as stories from './Button.stories';