Fix type errors

storybookjs · Jul 3, 2024 · d21d317 · d21d317
1 parent 0c09887
commit d21d317
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/code/core/src/preview-api/modules/store/StoryStore.ts b/code/core/src/preview-api/modules/store/StoryStore.ts
@@ -27,7 +27,7 @@ import {
   normalizeProjectAnnotations,
   prepareContext,
 } from './csf';
-import type { CleanupCallback } from '@storybook/csf';
+import type { Canvas, CleanupCallback } from '@storybook/csf';
 import type {
   BoundStory,
   CSFFile,
@@ -375,7 +375,7 @@ export class StoryStore<TRenderer extends Renderer> {
           step: (label, play) => story.runStep(label, play, context),
           context: null!,
           mount: null!,
-          canvas: {},
+          canvas: {} as Canvas,
           viewMode: 'story',
         } as StoryContext<TRenderer>;
 

diff --git a/code/renderers/svelte/src/public-types.test.ts b/code/renderers/svelte/src/public-types.test.ts
@@ -1,7 +1,7 @@
 // this file tests Typescript types that's why there are no assertions
 import { describe, it } from 'vitest';
 import { satisfies } from 'storybook/internal/common';
-import type { ComponentAnnotations, StoryAnnotations } from 'storybook/internal/types';
+import type { Canvas, ComponentAnnotations, StoryAnnotations } from 'storybook/internal/types';
 import { expectTypeOf } from 'expect-type';
 import type { ComponentProps, SvelteComponent } from 'svelte';
 import Button from './__test__/Button.svelte';
@@ -235,7 +235,7 @@ describe('Story args can be inferred', () => {
 it('mount accepts a Component and props', () => {
   const Basic: StoryObj<Button> = {
     async play({ mount }) {
-      const canvas = await mount(Button, { label: 'label', disabled: true });
+      const canvas = await mount(Button, { props: { label: 'label', disabled: true } });
       expectTypeOf(canvas).toEqualTypeOf<Canvas>();
     },
   };

diff --git a/code/renderers/vue3/src/public-types.test.ts b/code/renderers/vue3/src/public-types.test.ts
@@ -200,7 +200,7 @@ it('Infer type of slots', () => {
 it('mount accepts a Component', () => {
   const Basic: StoryObj<typeof Button> = {
     async play({ mount }) {
-      const canvas = await mount(Button, { label: 'label', disabled: true });
+      const canvas = await mount(Button, { props: { label: 'label', disabled: true } });
       expectTypeOf(canvas).toEqualTypeOf<Canvas>();
     },
   };