remove screen references

storybookjs · Nov 17, 2022 · 202154d · 202154d
1 parent af247da
commit 202154d
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/docs/snippets/react/my-component-play-function-composition.ts.mdx b/docs/snippets/react/my-component-play-function-composition.ts.mdx
@@ -35,7 +35,7 @@ export const SecondStory: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    await userEvent.type(screen.getByTestId('other-element'), 'another value');
+    await userEvent.type(canvas.getByTestId('other-element'), 'another value');
   },
 };
 

diff --git a/docs/snippets/svelte/my-component-play-function-composition.js.mdx b/docs/snippets/svelte/my-component-play-function-composition.js.mdx
@@ -38,7 +38,7 @@ export const SecondStory = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    await userEvent.type(screen.getByTestId('other-element'), 'another value');
+    await userEvent.type(canvas.getByTestId('other-element'), 'another value');
   },
 };
 

diff --git a/docs/snippets/vue/my-component-play-function-composition.ts.mdx b/docs/snippets/vue/my-component-play-function-composition.ts.mdx
@@ -32,7 +32,7 @@ export const FirstStory: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    userEvent.type(screen.getByTestId('an-element'), 'example-value');
+    userEvent.type(canvas.getByTestId('an-element'), 'example-value');
   },
 };
 
@@ -44,7 +44,7 @@ export const SecondStory: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
 
-    await userEvent.type(screen.getByTestId('other-element'), 'another value');
+    await userEvent.type(canvas.getByTestId('other-element'), 'another value');
   },
 };