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 index 415f907d2adc..40c91d9e7389 100644 --- 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 index f4420917d418..03e662a852a8 100644 --- 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 }); { - // 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 index 2124d9d4582c..276e1d785a2e 100644 --- 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 index 4a457d970841..04460d2faf3b 100644 --- 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 index 4d655b591ba1..78dfc8aa8f51 100644 --- 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 index 4ee6f88631be..01d5427e4283 100644 --- 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')); }; -``` \ No newline at end of file +``` diff --git a/docs/snippets/react/login-form-with-play-function.mdx.mdx b/docs/snippets/react/login-form-with-play-function.mdx.mdx index 4420352b07ff..58925d5e385c 100644 --- 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) => ; { - // 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 index 7cd569493311..df528c066cf8 100644 --- 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 index 963c699318f6..8b87a8998a13 100644 --- 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 index 59b5ad4ee159..e49f2f000811 100644 --- 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 index 82a460a316c1..b6545bb4cd51 100644 --- 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 index 42d4f600bb61..d79f1d5905f7 100644 --- 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 index 45415a182cac..96d612cee7d0 100644 --- 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 index c8f3984153c0..1e7b334e15d1 100644 --- 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 index d8840cdf16b1..223a8de39411 100644 --- 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 index 2032c0ba4c71..6ce5d75c93a0 100644 --- 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 }) => ({ { - // 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 index 58bd450c9d22..d41381020aad 100644 --- 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) => ({ { - // Starts querying the component from it's root element + // Starts querying the component from its root element const canvas = within(canvasElement);