diff --git a/code/renderers/svelte/src/__test__/Button.svelte b/code/renderers/svelte/src/__test__/Button.svelte index b7fd6e8e325c..f2f172f8089f 100644 --- a/code/renderers/svelte/src/__test__/Button.svelte +++ b/code/renderers/svelte/src/__test__/Button.svelte @@ -1,12 +1,15 @@ - diff --git a/code/renderers/svelte/src/__test__/ButtonV5.svelte b/code/renderers/svelte/src/__test__/ButtonV5.svelte deleted file mode 100644 index f2f172f8089f..000000000000 --- a/code/renderers/svelte/src/__test__/ButtonV5.svelte +++ /dev/null @@ -1,15 +0,0 @@ - - - diff --git a/code/renderers/svelte/src/__test__/Decorator.svelte b/code/renderers/svelte/src/__test__/Decorator.svelte index 4fc5241ba9d4..25882b77a43b 100644 --- a/code/renderers/svelte/src/__test__/Decorator.svelte +++ b/code/renderers/svelte/src/__test__/Decorator.svelte @@ -1,8 +1,14 @@
Decorator: {decoratorArg} - + {@render children()}
diff --git a/code/renderers/svelte/src/__test__/Decorator2.svelte b/code/renderers/svelte/src/__test__/Decorator2.svelte index 57d98a6e2676..6e4f4742208c 100644 --- a/code/renderers/svelte/src/__test__/Decorator2.svelte +++ b/code/renderers/svelte/src/__test__/Decorator2.svelte @@ -1,8 +1,14 @@
Decorator: {decoratorArg2} - + {@render children()}
diff --git a/code/renderers/svelte/src/public-types.test.ts b/code/renderers/svelte/src/public-types.test.ts index 154065beec2f..20f4d23140dd 100644 --- a/code/renderers/svelte/src/public-types.test.ts +++ b/code/renderers/svelte/src/public-types.test.ts @@ -1,5 +1,5 @@ // this file tests Typescript types that's why there are no assertions -import { describe, it } from 'vitest'; +import { describe, expectTypeOf, it } from 'vitest'; import { satisfies } from 'storybook/internal/common'; import type { @@ -9,32 +9,23 @@ import type { StoryAnnotations, } from 'storybook/internal/types'; -import { expectTypeOf } from 'expect-type'; -import { type Component, type ComponentProps, SvelteComponent } from 'svelte'; +import type { Component, ComponentProps } from 'svelte'; import Button from './__test__/Button.svelte'; -import ButtonV5 from './__test__/ButtonV5.svelte'; import Decorator2 from './__test__/Decorator2.svelte'; import Decorator1 from './__test__/Decorator.svelte'; import type { Decorator, Meta, StoryObj } from './public-types'; import type { SvelteRenderer } from './types'; -type SvelteStory< - Comp extends SvelteComponent | Component, +type SvelteStory, Args, RequiredArgs> = StoryAnnotations< + SvelteRenderer, Args, - RequiredArgs, -> = StoryAnnotations, Args, RequiredArgs>; - -// The imported Svelte component in Svelte 5 has an isomorphic type (both function and class). -// In order to test how it would look like for real Svelte 4 components, we need to create the class type manually. -declare class ButtonV4 extends SvelteComponent<{ - disabled: boolean; - label: string; -}> {} + RequiredArgs +>; describe('Meta', () => { it('Generic parameter of Meta can be a component', () => { - const meta: Meta