From 546f0c38813c109a9fb9f36d57bc9f4ed910c943 Mon Sep 17 00:00:00 2001
From: GitStart <1501599+gitstart@users.noreply.github.com>
Date: Thu, 15 Dec 2022 06:45:09 +0100
Subject: [PATCH] A Playwright test for "Copy Typeform Redirect URL link"
 action (#5716)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: niteshsingh1357 <niteshsingh1357@gmail.com>
Co-authored-by: Nitesh Singh <nitesh.singh@gitstart.dev>
Co-authored-by: gitstart <gitstart@users.noreply.github.com>
Co-authored-by: RubensRafael <rubensrafael2@live.com>
Co-authored-by: José Romary Brandão Jr <joseromarybrandao@gmail.com>
Co-authored-by: csangam <coolmagnas@gmail.com>
Co-authored-by: Rafael Toledo <87545086+Toledodev@users.noreply.github.com>
Co-authored-by: gitstart <gitstart@gitstart.com>
Co-authored-by: Rubens Rafael <70234898+RubensRafael@users.noreply.github.com>
Co-authored-by: Matheus Benini Ferreira <88898100+MatheusBeniniF@users.noreply.github.com>
Co-authored-by: gitstart-app[bot] <57568882+gitstart-app[bot]@users.noreply.github.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>
Co-authored-by: Matheus Muniz <87545749+matheusmuniz03@users.noreply.github.com>
Fixes https://github.com/calcom/cal.com/issues/4570
---
 .../routing-forms/components/FormActions.tsx  |  2 +-
 .../routing-forms/components/SingleForm.tsx   |  2 +
 .../pages/forms/[...appPages].tsx             |  1 +
 .../playwright/tests/basic.e2e.ts             |  4 +-
 .../typeform/playwright/tests/basic.e2e.ts    | 71 +++++++++++++++++++
 5 files changed, 77 insertions(+), 3 deletions(-)
 create mode 100644 packages/app-store/typeform/playwright/tests/basic.e2e.ts

diff --git a/packages/app-store/ee/routing-forms/components/FormActions.tsx b/packages/app-store/ee/routing-forms/components/FormActions.tsx
index 781e0341df..5eaf239c7d 100644
--- a/packages/app-store/ee/routing-forms/components/FormActions.tsx
+++ b/packages/app-store/ee/routing-forms/components/FormActions.tsx
@@ -135,7 +135,7 @@ export const FormActionsDropdown = ({ form, children }: { form: RoutingForm; chi
   return (
     <dropdownCtx.Provider value={{ dropdown: true }}>
       <Dropdown>
-        <DropdownMenuTrigger asChild>
+        <DropdownMenuTrigger data-testid="form-dropdown" asChild>
           <Button
             type="button"
             size="icon"
diff --git a/packages/app-store/ee/routing-forms/components/SingleForm.tsx b/packages/app-store/ee/routing-forms/components/SingleForm.tsx
index d98a15bdd9..9863c6d798 100644
--- a/packages/app-store/ee/routing-forms/components/SingleForm.tsx
+++ b/packages/app-store/ee/routing-forms/components/SingleForm.tsx
@@ -120,6 +120,7 @@ const Actions = ({
         {typeformApp?.isInstalled ? (
           <FormActionsDropdown form={form}>
             <FormAction
+              data-testid="copy-redirect-url"
               routingForm={form}
               action="copyRedirectUrl"
               color="minimal"
@@ -172,6 +173,7 @@ const Actions = ({
           </FormAction>
           {typeformApp ? (
             <FormAction
+              data-testid="copy-redirect-url"
               routingForm={form}
               action="copyRedirectUrl"
               color="minimal"
diff --git a/packages/app-store/ee/routing-forms/pages/forms/[...appPages].tsx b/packages/app-store/ee/routing-forms/pages/forms/[...appPages].tsx
index c9528d2222..2f7c785f8d 100644
--- a/packages/app-store/ee/routing-forms/pages/forms/[...appPages].tsx
+++ b/packages/app-store/ee/routing-forms/pages/forms/[...appPages].tsx
@@ -131,6 +131,7 @@ export default function RoutingForms({
                                 </FormAction>
                                 {typeformApp?.isInstalled ? (
                                   <FormAction
+                                    data-testid="copy-redirect-url"
                                     routingForm={form}
                                     action="copyRedirectUrl"
                                     color="minimal"
diff --git a/packages/app-store/ee/routing-forms/playwright/tests/basic.e2e.ts b/packages/app-store/ee/routing-forms/playwright/tests/basic.e2e.ts
index 70dbdac4cc..154b43123b 100644
--- a/packages/app-store/ee/routing-forms/playwright/tests/basic.e2e.ts
+++ b/packages/app-store/ee/routing-forms/playwright/tests/basic.e2e.ts
@@ -8,7 +8,7 @@ async function gotoRoutingLink(page: Page, formId: string) {
   await new Promise((resolve) => setTimeout(resolve, 500));
 }
 
-async function addForm(page: Page) {
+export async function addForm(page: Page) {
   await page.click('[data-testid="new-routing-form"]');
   await page.fill("input[name]", "Test Form Name");
   await page.click('[data-testid="add-form"]');
@@ -41,7 +41,7 @@ async function verifySelectOptions(
   };
 }
 
-async function fillForm(
+export async function fillForm(
   page: Page,
   form: { description: string; field?: { typeIndex: number; label: string } }
 ) {
diff --git a/packages/app-store/typeform/playwright/tests/basic.e2e.ts b/packages/app-store/typeform/playwright/tests/basic.e2e.ts
new file mode 100644
index 0000000000..32aa6238b0
--- /dev/null
+++ b/packages/app-store/typeform/playwright/tests/basic.e2e.ts
@@ -0,0 +1,71 @@
+import { Page, expect } from "@playwright/test";
+
+import {
+  addForm as addRoutingForm,
+  fillForm as fillRoutingForm,
+} from "@calcom/app-store/ee/routing-forms/playwright/tests/basic.e2e";
+import { CAL_URL } from "@calcom/lib/constants";
+import { Fixtures, test } from "@calcom/web/playwright/lib/fixtures";
+
+const installApps = async (page: Page, users: Fixtures["users"]) => {
+  const user = await users.create({ username: "routing-forms" });
+  await user.login();
+  await page.goto(`/apps/routing-forms`);
+  await page.click('[data-testid="install-app-button"]');
+  await page.waitForNavigation({
+    url: (url) => url.pathname === `/apps/routing-forms/forms`,
+  });
+  await page.goto(`/apps/typeform`);
+  await page.click('[data-testid="install-app-button"]');
+  await page.waitForNavigation({
+    url: (url) => url.pathname === `/apps/typeform/how-to-use`,
+  });
+};
+
+test.describe("Typeform App", () => {
+  test.afterEach(async ({ users }) => {
+    // This also delete forms on cascade
+    await users.deleteAll();
+  });
+
+  test.describe("Typeform Redirect Link", () => {
+    test("should copy link in editing area", async ({ page, context, users }) => {
+      await installApps(page, users);
+      context.grantPermissions(["clipboard-read", "clipboard-write"]);
+
+      await page.goto(`/apps/routing-forms/forms`);
+      const formId = await addRoutingForm(page);
+      await fillRoutingForm(page, {
+        description: "",
+        field: { label: "test", typeIndex: 1 },
+      });
+
+      await page.click('[data-testid="form-dropdown"]');
+      await page.click('[data-testid="copy-redirect-url"]');
+      const text = await page.evaluate(async () => {
+        return navigator.clipboard.readText();
+      });
+      expect(text).toBe(`${CAL_URL}/router?form=${formId}&test={Recalled_Response_For_This_Field}`);
+    });
+
+    test("should copy link in RoutingForms list", async ({ page, context, users }) => {
+      await installApps(page, users);
+      context.grantPermissions(["clipboard-read", "clipboard-write"]);
+
+      await page.goto("/apps/routing-forms/forms");
+      const formId = await addRoutingForm(page);
+      await fillRoutingForm(page, {
+        description: "",
+        field: { label: "test", typeIndex: 1 },
+      });
+
+      await page.goto("/apps/routing-forms/forms");
+      await page.click('[data-testid="form-dropdown"]');
+      await page.click('[data-testid="copy-redirect-url"]');
+      const text = await page.evaluate(async () => {
+        return navigator.clipboard.readText();
+      });
+      expect(text).toBe(`${CAL_URL}/router?form=${formId}&test={Recalled_Response_For_This_Field}`);
+    });
+  });
+});