fix: avoid stubbing test apis for known tags api templates

.changeset/late-plums-swim.md

@@ -0,0 +1,5 @@
+---
+"@storybook/marko": patch
+---
+
+Fix avoid stubbing testing apis for known tags api components.

packages/renderers/marko/src/testing-api.ts

@@ -152,6 +152,26 @@ function toRenderable<Input extends Args = Args>(
   composed: ComposedStoryFn<MarkoRenderer, Partial<Input>>,
   componentAnnotations: Meta<Input>,
 ) {
+  const defaultComponent = componentAnnotations?.component;
+  const isV6 = defaultComponent && !defaultComponent.createOut;
+  if (isV6) {
+    return {
+      ...composed,
+      mount(
+        rawInput: Partial<Marko.TemplateInput<Input>> | undefined,
+        referenceNode: Parameters<Marko.Template["mount"]>[1],
+        position?: Parameters<Marko.Template["mount"]>[2],
+      ) {
+        const { component, input } = runStory(rawInput);
+        return component.mount(input, referenceNode, position);
+      },
+      render(rawInput: Partial<Marko.TemplateInput<Input>> | undefined) {
+        const { component, input } = runStory(rawInput);
+        return component.render(input);
+      },
+    } as any as typeof composed & Marko.Template<Input>;
+  }
+
   return {
     ...composed,
     createOut() {
@@ -190,7 +210,7 @@ function toRenderable<Input extends Args = Args>(
   } as any as typeof composed & Marko.Template<Input>;
 
   function runStory(rawInput: Partial<Marko.TemplateInput<Input>> | undefined) {
-    const { component = componentAnnotations?.component, input = {} } =
+    const { component = defaultComponent, input = {} } =
       composed(rawInput) || {};
     if (!component || !(component.mount || component.renderSync)) {
       throw new Error(

tests/fixtures/click-count/test.ts

@@ -6,7 +6,7 @@ import { testPage } from "../../test-page";
 import * as stories from "./stories";
 
 const { Default, InitialCount } = composeStories(stories);
-const initialTimeout = { timeout: 30000 };
+const initialTimeout = { timeout: 60000 };
 
 test("click-count", async () => {
   await test(Default.storyName, async () => {

tests/fixtures/invalid/test.ts

@@ -6,7 +6,7 @@ import { testPage } from "../../test-page";
 import * as stories from "./stories";
 
 const { Default } = composeStories(stories);
-const initialTimeout = { timeout: 30000 };
+const initialTimeout = { timeout: 60000 };
 
 test("invalid", async () => {
   await test(Default.storyName, async () => {

tests/fixtures/split-component/test.ts

@@ -6,7 +6,7 @@ import { testPage } from "../../test-page";
 import * as stories from "./stories";
 
 const { HelloWorld, HelloMarko } = composeStories(stories);
-const initialTimeout = { timeout: 30000 };
+const initialTimeout = { timeout: 60000 };
 
 test("split-component", async () => {
   await test(HelloWorld.storyName, async () => {