Merge pull request #17378 from jonbeller/patch-4

Update login-form-with-play-function.js.mdx
storybookjs · Feb 1, 2022 · 2cefd3a · 2cefd3a
1 parent 265db62
commit 2cefd3a
Show file tree

Hide file tree

Showing 17 changed files with 18 additions and 18 deletions.
diff --git a/docs/snippets/angular/form-story-component-with-play-function.ts.mdx b/docs/snippets/angular/form-story-component-with-play-function.ts.mdx
@@ -11,7 +11,7 @@ export default {
 
 export const FilledForm = {
   play: async ({ args, canvasElement }) => {
-    // Starts querying the component from it's root element
+    // Starts querying the component from its root element
     const canvas = within(canvasElement);
 
     await userEvent.type(canvas.getByTestId('email'), 'email');

diff --git a/docs/snippets/angular/login-form-with-play-function.mdx.mdx b/docs/snippets/angular/login-form-with-play-function.mdx.mdx
@@ -19,7 +19,7 @@ export const Template = (args) => ({ props: args });
   <Story
     name="Filled Form"
     play={async ({ canvasElement }) => {
-      // Starts querying the component from it's root element
+      // Starts querying the component from its root element
       const canvas = within(canvasElement);
 
       await userEvent.type(canvas.getByTestId('email'), 'email@provider.com', {

diff --git a/docs/snippets/angular/login-form-with-play-function.ts.mdx b/docs/snippets/angular/login-form-with-play-function.ts.mdx
@@ -24,7 +24,7 @@ export const EmptyForm: Story = Template.bind({});
 
 export const FilledForm: Story = Template.bind({});
 FilledForm.play = async ({ canvasElement }) => {
-  // Starts querying the component from it's root element
+  // Starts querying the component from its root element
   const canvas = within(canvasElement);
 
   await userEvent.type(canvas.getByTestId('email'), 'email@provider.com', {

diff --git a/docs/snippets/common/my-component-interaction-test-with-play-function.js.mdx b/docs/snippets/common/my-component-interaction-test-with-play-function.js.mdx
@@ -13,7 +13,7 @@ export default {
 
 export const ExampleStory = {
   play: async ({ args, canvasElement }) => {
-    // Starts querying the component from it's root element
+    // Starts querying the component from its root element
     const canvas = within(canvasElement);
 
     await userEvent.type(canvas.getByTestId('email'), 'email@email-provider.com');

diff --git a/docs/snippets/react/form-story-component-with-play-function.js.mdx b/docs/snippets/react/form-story-component-with-play-function.js.mdx
@@ -12,7 +12,7 @@ export default {
 export const FilledForm = {
   play: async ({ args, canvasElement }) => {
 
-    // Starts querying the component from it's root element
+    // Starts querying the component from its root element
     const canvas = within(canvasElement);
 
     await userEvent.type(canvas.getByTestId('email'), 'email');

diff --git a/docs/snippets/react/login-form-with-play-function.js.mdx b/docs/snippets/react/login-form-with-play-function.js.mdx
@@ -22,7 +22,7 @@ export const EmptyForm = Template.bind({});
 
 export const FilledForm = Template.bind({});
 FilledForm.play = async ({ canvasElement }) => {
-  // Starts querying the component from it's root element
+  // Starts querying the component from its root element
   const canvas = within(canvasElement);
 
   await userEvent.type(canvas.getByTestId('email'), 'email@provider.com', {
@@ -35,4 +35,4 @@ FilledForm.play = async ({ canvasElement }) => {
   // See https://storybook.js.org/docs/react/essentials/actions#automatically-matching-args to learn how to setup logging in the Actions panel
   await userEvent.click(canvas.getByRole('button'));
 };
-```
+```
diff --git a/docs/snippets/react/login-form-with-play-function.mdx.mdx b/docs/snippets/react/login-form-with-play-function.mdx.mdx
@@ -19,7 +19,7 @@ export const Template = (args) => <LoginForm {...args} />;
   <Story
     name="Filled Form"
     play={async ({ canvasElement }) => {
-      // Starts querying the component from it's root element
+      // Starts querying the component from its root element
       const canvas = within(canvasElement);
 
      await userEvent.type(canvas.getByTestId('email'), 'email@provider.com', {

diff --git a/docs/snippets/react/login-form-with-play-function.ts.mdx b/docs/snippets/react/login-form-with-play-function.ts.mdx
@@ -24,7 +24,7 @@ export const EmptyForm = Template.bind({});
 
 export const FilledForm = Template.bind({});
 FilledForm.play = async ({ canvasElement }) => {
-  // Starts querying the component from it's root element
+  // Starts querying the component from its root element
   const canvas = within(canvasElement);
 
   await userEvent.type(canvas.getByTestId('email'), 'email@provider.com', {

diff --git a/docs/snippets/svelte/form-story-component-with-play-function.js.mdx b/docs/snippets/svelte/form-story-component-with-play-function.js.mdx
@@ -11,7 +11,7 @@ export default {
 
 export const FilledForm = {
   play: async ({ args, canvasElement }) => {
-    // Starts querying the component from it's root element
+    // Starts querying the component from its root element
     const canvas = within(canvasElement);
 
     await userEvent.type(canvas.getByTestId('email'), 'email');

diff --git a/docs/snippets/svelte/login-form-with-play-function.js.mdx b/docs/snippets/svelte/login-form-with-play-function.js.mdx
@@ -23,7 +23,7 @@ export const EmptyForm = Template.bind({});
 
 export const FilledForm = Template.bind({});
 FilledForm.play = async ({ canvasElement }) => {
-  // Starts querying the component from it's root element
+  // Starts querying the component from its root element
   const canvas = within(canvasElement);
 
   await userEvent.type(canvas.getByTestId('email'), 'email@provider.com', {

diff --git a/docs/snippets/svelte/login-form-with-play-function.mdx.mdx b/docs/snippets/svelte/login-form-with-play-function.mdx.mdx
@@ -23,7 +23,7 @@ export const Template = (args) => ({
     name="Filled Form"
     play={async ({ canvasElement }) => {
 
-      // Starts querying the component from it's root element
+      // Starts querying the component from its root element
       const canvas = within(canvasElement);
 
       await userEvent.type(canvas.getByTestId('email'), 'email@provider.com', {

diff --git a/docs/snippets/vue/form-story-component-with-play-function.2.js.mdx b/docs/snippets/vue/form-story-component-with-play-function.2.js.mdx
@@ -11,7 +11,7 @@ export default {
 
 export const FilledForm = {
   play: async ({ args, canvasElement }) => {
-     // Starts querying the component from it's root element
+     // Starts querying the component from its root element
     const canvas = within(canvasElement);
 
     await userEvent.type(canvas.getByTestId('email'), 'email');

diff --git a/docs/snippets/vue/form-story-component-with-play-function.3.js.mdx b/docs/snippets/vue/form-story-component-with-play-function.3.js.mdx
@@ -11,7 +11,7 @@ export default {
 
 export const FilledForm = {
   play: async ({ args, canvasElement }) => {
-    // Starts querying the component from it's root element
+    // Starts querying the component from its root element
     const canvas = within(canvasElement);
 
     await userEvent.type(canvas.getByTestId('email'), 'email');

diff --git a/docs/snippets/vue/login-form-with-play-function.2.js.mdx b/docs/snippets/vue/login-form-with-play-function.2.js.mdx
@@ -24,7 +24,7 @@ export const EmptyForm = Template.bind({});
 
 export const FilledForm = Template.bind({});
 FilledForm.play = async ({ canvasElement }) => {
-  // Starts querying the component from it's root element
+  // Starts querying the component from its root element
   const canvas = within(canvasElement);
 
   await userEvent.type(canvas.getByTestId('email'), 'email@provider.com', {

diff --git a/docs/snippets/vue/login-form-with-play-function.3.js.mdx b/docs/snippets/vue/login-form-with-play-function.3.js.mdx
@@ -26,7 +26,7 @@ export const EmptyForm = Template.bind({});
 
 export const FilledForm = Template.bind({});
 FilledForm.play = async ({ canvasElement }) => {
-  // Starts querying the component from it's root element
+  // Starts querying the component from its root element
   const canvas = within(canvasElement);
 
   await userEvent.type(canvas.getByTestId('email'), 'email@provider.com', {

diff --git a/docs/snippets/vue/login-form-with-play-function.mdx-2.mdx b/docs/snippets/vue/login-form-with-play-function.mdx-2.mdx
@@ -23,7 +23,7 @@ export const Template = (args, { argTypes }) => ({
   <Story
     name="Filled Form"
     play={async ({ canvasElement }) => {
-      // Starts querying the component from it's root element
+      // Starts querying the component from its root element
       const canvas = within(canvasElement);
 
       await userEvent.type(canvas.getByTestId('email'), 'email@provider.com', {

diff --git a/docs/snippets/vue/login-form-with-play-function.mdx-3.mdx b/docs/snippets/vue/login-form-with-play-function.mdx-3.mdx
@@ -25,7 +25,7 @@ export const Template = (args) => ({
   <Story
     name="Filled Form"
     play={async ({ canvasElement }) => {
-      // Starts querying the component from it's root element
+      // Starts querying the component from its root element
 
       const canvas = within(canvasElement);