diff --git a/examples/Button.stories.svelte b/examples/Button.stories.svelte
index 5c37cd97..0b546afb 100644
--- a/examples/Button.stories.svelte
+++ b/examples/Button.stories.svelte
@@ -7,6 +7,7 @@
   } from '@storybook/addon-svelte-csf';
   import { fn } from '@storybook/test';
 
+  import type { Snippet } from 'svelte'
   import Button from './components/Button.svelte';
 
   const onclickFn = fn().mockName('onclick');
@@ -20,6 +21,7 @@
     tags: ['autodocs'],
     args: {
       onclick: onclickFn,
+      children: 'Click me' as unknown as Snippet<[]>
     },
     argTypes: {
       backgroundColor: { control: 'color' },
@@ -37,7 +39,7 @@
 </script>
 
 {#snippet template(args: Args<typeof Story>, context: StoryContext<typeof Story>)}
-  <Button {...args}>{'Click me'}</Button>
+  <Button {...args}>{args.children}</Button>
 {/snippet}
 
 <!-- Only use this sparingly as the main CTA. -->
diff --git a/src/runtime/create-runtime-stories.ts b/src/runtime/create-runtime-stories.ts
index 89947402..bfddb5b0 100644
--- a/src/runtime/create-runtime-stories.ts
+++ b/src/runtime/create-runtime-stories.ts
@@ -68,7 +68,22 @@ export const createRuntimeStories = (Stories: Component, meta: Meta<Cmp>) => {
        * The 'play' function should be delegated to the real play Story function
        * in order to be run into the component scope.
        */
-      storyObj.play = (storyContext) => {
+      function params(fn) {
+        return (
+          fn
+            .toString()
+            .match(/[^(]*\(([^)]*)/)
+            ?.slice(1) ?? []
+        );
+      }
+      const isMounting =
+        params(storyObj.play).filter((p) => /\{.*,?\s*mount\s*,?.*\}/.test(p)).length != 0;
+      storyObj.play = isMounting
+        ? function ({ mount }) {
+            return playDelegator(arguments[0]);
+          }
+        : playDelegator;
+      function playDelegator(storyContext) {
         const delegate = storyContext.playFunction?.__play;
 
         if (delegate) {
@@ -77,7 +92,7 @@ export const createRuntimeStories = (Stories: Component, meta: Meta<Cmp>) => {
 
         // @ts-expect-error WARN: It should not affect user perspective- the problem lies in this addon's type `SvelteRenderer` missing type constrains or default generic parameter type
         return play(storyContext);
-      };
+      }
     }
 
     stories[exportName] = storyObj;
diff --git a/tests/stories/Mountable.stories.svelte b/tests/stories/Mountable.stories.svelte
new file mode 100644
index 00000000..66197201
--- /dev/null
+++ b/tests/stories/Mountable.stories.svelte
@@ -0,0 +1,55 @@
+<script module>
+  import { defineMeta } from '@storybook/addon-svelte-csf';
+  import { within, expect, fn } from '@storybook/test';
+
+  import Mountable from './stories/Mountable.svelte';
+
+  // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
+  const { Story } = defineMeta({
+    title: 'Play() mount',
+    component: Mountable,
+    tags: ['xautodocs'],
+    argTypes: {},
+    args: {
+      text: 'Mountable',
+      onMounted: fn(),
+    },
+  });
+</script>
+
+<!-- play no mount -->
+<Story
+  name="Play no mount"
+  play={async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    expect(canvas.getByText('Mountable')).toBeInTheDocument();
+  }}
+></Story>
+
+<!-- play and mount only -->
+<Story
+  name="With mount only"
+  play={async ({ mount }) => {
+    console.log('Pre');
+    await mount();
+    console.log('Post');
+  }}
+></Story>
+
+<!-- play and mount -->
+<Story
+  name="With mount"
+  play={async ({ args, mount, canvasElement }) => {
+    const canvas = within(canvasElement);
+
+    // passing test does no show pre mount, so we test after mount
+    const preMountLabel = canvas.queryByText('Mountable');
+
+    await mount();
+
+    expect(preMountLabel).toBeNull(); // Here so shows in Component Test panel
+
+    expect(canvas.getByText('Mountable')).toBeInTheDocument();
+    expect(args.onMounted).toHaveBeenCalled();
+  }}
+></Story>
diff --git a/tests/stories/Mountable.svelte b/tests/stories/Mountable.svelte
new file mode 100644
index 00000000..1a395d6d
--- /dev/null
+++ b/tests/stories/Mountable.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { onMount } from 'svelte'
+
+  interface Props {
+    /** Is this the principal call to action on the page? */
+    text: string
+    /** The onclick event handler */
+    onMounted: () => void
+  }
+
+  const { text, onMounted }: Props = $props()
+
+  onMount(() => {
+    onMounted()
+  })
+</script>
+
+<div>
+  {text}
+</div>