Merge pull request #171 from oriontech-me/validate/playground-shareable-url-stable

test(playground): mark playground-shareable-url as @stable

Author: daniellicnerski1

QA-CHECKLIST.md

@@ -453,7 +453,7 @@
 
 #### 9.3 Advanced Playground Features
 - [x] Playground fullscreen mode → `playground/playground-fullscreen.spec.ts`
-- [-] Shareable Playground — URL generation validated (switch enables sharing, href matches /playground/uuid) → `playground/playground-shareable-url.spec.ts`
+- [x] Shareable Playground — URL generation validated (switch enables sharing, href matches /playground/uuid) → `playground/playground-shareable-url.spec.ts`
 - [!] Voice mode (voice assistant) → `ui-ux/voice-assistant.spec.ts` (**all tests unconditionally skipped — spec is a stub**)
 - [x] Stop button in Playground → `core-functionality/playground/stop-button-playground.spec.ts`
 

docs/core-functionality/playground/playground-shareable-url.md

@@ -15,7 +15,7 @@ When `isPublished` becomes `true`, Langflow renders a `<a href="/playground/{uui
 
 ## Tags
 
-`@release` `@playground`
+`@release` `@playground` `@stable`
 
 ## Validation criterion
 
@@ -28,7 +28,8 @@ When `isPublished` becomes `true`, Langflow renders a `<a href="/playground/{uui
 
 ## External dependencies
 
-- `src/frontend/src/components/core/flowToolbarComponent/components/deploy-dropdown.tsx` — `publish-button`, `shareable-playground`, `publish-switch` test IDs and `isPublished` toggle logic. Any rename of these test IDs or change to the `ENABLE_PUBLISH` feature flag will break this test.
+- `src/frontend/src/components/core/flowToolbarComponent/components/deploy-dropdown.tsx` — owns the `publish-button`, `shareable-playground`, and `publish-switch` test IDs as well as the `isPublished` toggle. Renaming any of these test IDs or removing the `ENABLE_PUBLISH` feature flag will break this test.
+- The `publish-switch` and `shareable-playground` items are gated by `hasIO` (`useFlowStore.hasIO`); the flow under test must contain at least one Chat Input or Chat Output. The setup uses `setupPlayground()` which builds a Chat Input → Chat Output flow, so this contract is satisfied without depending on any starter template.
 - The `publish-switch` uses `e.stopPropagation()` to keep the dropdown open after clicking — if this is removed, the dropdown closes and subsequent assertions will fail.
 
 ## Last validated

tests/tests-automations/regression/core-functionality/playground/playground-shareable-url.spec.ts

@@ -1,5 +1,5 @@
 import { expect, test } from "../../../../fixtures/fixtures";
-import { awaitBootstrapTest } from "../../../../helpers/other/await-bootstrap-test";
+import { setupPlayground } from "../../../../helpers/flows/setup-playground";
 
 test.describe("Playground — Shareable URL Generation", () => {
   test.describe.configure({ mode: "serial" });
@@ -18,21 +18,11 @@ test.describe("Playground — Shareable URL Generation", () => {
   });
 
   test(
-    "Simple Agent shareable playground URL is generated when publishing is enabled",
-    { tag: ["@release", "@playground"] },
+    "Shareable playground URL is generated when publishing is enabled",
+    { tag: ["@release", "@playground", "@stable"] },
     async ({ page }) => {
-      await test.step("load Simple Agent template", async () => {
-        await awaitBootstrapTest(page);
-        await page.getByTestId("side_nav_options_all-templates").click();
-        await page.getByRole("heading", { name: "Simple Agent" }).first().click();
-        await expect(
-          page.getByTestId("canvas_controls_dropdown"),
-        ).toBeVisible({ timeout: 30000 });
-
-        const flowUrl = page.url();
-        const flowIdMatch = flowUrl.match(/\/flow\/([0-9a-f-]{36})/);
-        expect(flowIdMatch, `Could not extract flow ID from URL: ${flowUrl}`).not.toBeNull();
-        createdFlowId = flowIdMatch![1];
+      await test.step("create blank Chat Input → Chat Output flow", async () => {
+        createdFlowId = await setupPlayground(page);
       });
 
       await test.step("open Share dropdown and verify initial state", async () => {