Add E2E tests for multi select question in a regular booking
gitstart-calcom
commit
6854368afe
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Multi Select Question and Address Question", () => {
|
||||
const bookingOptions = { hasPlaceholder: true, isRequired: true };
|
||||
test("Multi Select and Address required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"address",
|
||||
"Test Multi Select question and Address question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Multi Select and Address not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"address",
|
||||
"Test Phone question and Address question (only multi select required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Multi Select Question and checkbox group Question", () => {
|
||||
const bookingOptions = { hasPlaceholder: false, isRequired: true };
|
||||
test("Multi Select and checkbox group required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"checkbox",
|
||||
"Test Multi Select question and checkbox group question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Multi Select and checkbox group not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"checkbox",
|
||||
"Test Multi Select question and checkbox group question (only multi select required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Multi Select Question and checkbox Question", () => {
|
||||
const bookingOptions = { hasPlaceholder: false, isRequired: true };
|
||||
test("Multi Select and checkbox required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"boolean",
|
||||
"Test Multi Select question and checkbox question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Multi Select and checkbox not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"boolean",
|
||||
"Test Multi Select question and checkbox question (only multi select required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Multi Select Question and Long text Question", () => {
|
||||
const bookingOptions = { hasPlaceholder: true, isRequired: true };
|
||||
test("Multi Select and Long text required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"textarea",
|
||||
"Test Multi Select question and Long text question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Multi Select and Long text not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"textarea",
|
||||
"Test Multi Select question and Long text question (only multi select required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Multi Select Question and Multi email Question", () => {
|
||||
const bookingOptions = { hasPlaceholder: true, isRequired: true };
|
||||
test("Multi Select and Multi email required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"multiemail",
|
||||
"Test Multi Select question and Multi email question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Multi Select and Multi email not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"multiemail",
|
||||
"Test Multi Select question and Multi email question (only multi select required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Multi Select Question and Number Question", () => {
|
||||
const bookingOptions = { hasPlaceholder: true, isRequired: true };
|
||||
test("Multi Select and Number required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"number",
|
||||
"Test Multi Select question and number question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Multi Select and Number not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"number",
|
||||
"Test Multi Select question and number question (only multi select required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Multi Select Question and Phone Question", () => {
|
||||
const bookingOptions = { hasPlaceholder: false, isRequired: true };
|
||||
test("Multi Select and multiselect text required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"phone",
|
||||
"Test Multi Select question and phone question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Multi Select and multiselect text not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"phone",
|
||||
"Test Multi Select question and phone question (only multi select required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Multi Select Question and Radio group Question", () => {
|
||||
const bookingOptions = { hasPlaceholder: false, isRequired: true };
|
||||
test("Multi Select and Radio group required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"radio",
|
||||
"Test Multi Select question and Radio group question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Multi Select and Radio group not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"radio",
|
||||
"Test Multi Select question and Radio group question (only multi select required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Multi Select Question and select Question", () => {
|
||||
const bookingOptions = { hasPlaceholder: false, isRequired: true };
|
||||
test("Multi Select and select required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"select",
|
||||
"Test Multi Select question and select question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Multi Select and select not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"select",
|
||||
"Test Multi Select question and select question (only multi select required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Multi Select Question and Short text question", () => {
|
||||
const bookingOptions = { hasPlaceholder: true, isRequired: true };
|
||||
test("Multi Select and Short text required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"text",
|
||||
"Test Multi Select question and Short Text question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Multi Select and Short text not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"multiselect",
|
||||
users,
|
||||
"text",
|
||||
"Test Multi Select question and Short Text question (only multi select required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Phone Question and Address Question", () => {
|
||||
const bookingOptions = { hasPlaceholder: true, isRequired: true };
|
||||
test("Phone and Address required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"address",
|
||||
"Test Phone question and Address question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Phone and Address not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"address",
|
||||
"Test Phone question and Address question (only Phone required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Phone Question and checkbox group Question", () => {
|
||||
const bookingOptions = { hasPlaceholder: false, isRequired: true };
|
||||
test("Phone and checkbox group required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"checkbox",
|
||||
"Test Phone question and checkbox group question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Phone and checkbox group not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"checkbox",
|
||||
"Test Phone question and checkbox group question (only phone required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Phone Question and checkbox Question", () => {
|
||||
const bookingOptions = { hasPlaceholder: false, isRequired: true };
|
||||
test("Phone and checkbox required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"boolean",
|
||||
"Test Phone question and checkbox question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Phone and checkbox not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"boolean",
|
||||
"Test Phone question and checkbox question (only phone required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Phone Question and Long text Question", () => {
|
||||
const bookingOptions = { hasPlaceholder: true, isRequired: true };
|
||||
test("Phone and Long text required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"textarea",
|
||||
"Test Phone question and Long text question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Phone and Long text not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"textarea",
|
||||
"Test Phone question and Long text question (only Phone required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Phone Question and Multi email Question", () => {
|
||||
const bookingOptions = { hasPlaceholder: true, isRequired: true };
|
||||
test("Phone and Multi email required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"multiemail",
|
||||
"Test Phone question and Multi email question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Phone and Multi email not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"multiemail",
|
||||
"Test Phone question and Multi email question (only phone required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Phone Question and multiselect Question", () => {
|
||||
const bookingOptions = { hasPlaceholder: false, isRequired: true };
|
||||
test("Phone and multiselect text required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"multiselect",
|
||||
"Test Phone question and multiselect question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Phone and multiselect text not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"multiselect",
|
||||
"Test Phone question and multiselect question (only phone required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Phone Question and Number Question", () => {
|
||||
const bookingOptions = { hasPlaceholder: true, isRequired: true };
|
||||
test("Phone and Number required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"number",
|
||||
"Test Phone question and number question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Phone and Number not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"number",
|
||||
"Test Phone question and number question (only phone required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Phone Question and Radio group Question", () => {
|
||||
const bookingOptions = { hasPlaceholder: false, isRequired: true };
|
||||
test("Phone and Radio group required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"radio",
|
||||
"Test Phone question and Radio group question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Phone and Radio group not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"radio",
|
||||
"Test Phone question and Radio group question (only phone required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Phone Question and select Question", () => {
|
||||
const bookingOptions = { hasPlaceholder: false, isRequired: true };
|
||||
test("Phone and select required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"select",
|
||||
"Test Phone question and select question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Phone and select not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"select",
|
||||
"Test Phone question and select question (only phone required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
import { test } from "../../lib/fixtures";
|
||||
import { initialCommonSteps } from "../utils/bookingUtils";
|
||||
|
||||
test.describe.configure({ mode: "parallel" });
|
||||
|
||||
test.afterEach(({ users }) => users.deleteAll());
|
||||
|
||||
test.describe("Booking With Phone Question and Short text question", () => {
|
||||
const bookingOptions = { hasPlaceholder: true, isRequired: true };
|
||||
test("Phone and Short text required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"text",
|
||||
"Test Phone question and Short Text question (both required)",
|
||||
bookingOptions
|
||||
);
|
||||
});
|
||||
|
||||
test("Phone and Short text not required", async ({ page, users }) => {
|
||||
await initialCommonSteps(
|
||||
page,
|
||||
"phone",
|
||||
users,
|
||||
"text",
|
||||
"Test Phone question and Short Text question (only phone required)",
|
||||
{ ...bookingOptions, isRequired: false }
|
||||
);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,244 @@
|
|||
import { expect, type Page } from "@playwright/test";
|
||||
|
||||
import type { Fixtures } from "@calcom/web/playwright/lib/fixtures";
|
||||
|
||||
const EMAIL = "test@test.com";
|
||||
const EMAIL2 = "test2@test.com";
|
||||
const PHONE = "+55 (32) 983289947";
|
||||
const scheduleSuccessfullyText = "This meeting is scheduled";
|
||||
const reschedulePlaceholderText = "Let others know why you need to reschedule";
|
||||
|
||||
interface QuestionActions {
|
||||
[key: string]: () => Promise<void>;
|
||||
}
|
||||
|
||||
type BookingOptions = {
|
||||
hasPlaceholder?: boolean;
|
||||
isReschedule?: boolean;
|
||||
isRequired?: boolean;
|
||||
};
|
||||
|
||||
type customLocators = {
|
||||
shouldChangeSelectLocator: boolean;
|
||||
shouldUseLastRadioGroupLocator: boolean;
|
||||
shouldUseFirstRadioGroupLocator: boolean;
|
||||
shouldChangeMultiSelectLocator: boolean;
|
||||
};
|
||||
|
||||
export const loginUser = async (page: Page, users: Fixtures["users"]) => {
|
||||
const pro = await users.create({ name: "testuser" });
|
||||
await pro.apiLogin();
|
||||
await page.goto("/event-types");
|
||||
};
|
||||
|
||||
const fillQuestion = async (eventTypePage: Page, questionType: string, customLocators: customLocators) => {
|
||||
const questionActions: QuestionActions = {
|
||||
phone: async () => {
|
||||
await eventTypePage.locator('input[name="phone-test"]').clear();
|
||||
await eventTypePage.locator('input[name="phone-test"]').fill(PHONE);
|
||||
},
|
||||
multiemail: async () => {
|
||||
await eventTypePage.getByRole("button", { name: `${questionType} test` }).click();
|
||||
await eventTypePage.getByPlaceholder(`${questionType} test`).fill(EMAIL);
|
||||
await eventTypePage.getByTestId("add-another-guest").last().click();
|
||||
await eventTypePage.getByPlaceholder(`${questionType} test`).last().fill(EMAIL2);
|
||||
},
|
||||
checkbox: async () => {
|
||||
if (customLocators.shouldUseLastRadioGroupLocator || customLocators.shouldChangeMultiSelectLocator) {
|
||||
await eventTypePage.getByLabel("Option 1").last().click();
|
||||
await eventTypePage.getByLabel("Option 2").last().click();
|
||||
} else if (customLocators.shouldUseFirstRadioGroupLocator) {
|
||||
await eventTypePage.getByLabel("Option 1").first().click();
|
||||
await eventTypePage.getByLabel("Option 2").first().click();
|
||||
} else {
|
||||
await eventTypePage.getByLabel("Option 1").click();
|
||||
await eventTypePage.getByLabel("Option 2").click();
|
||||
}
|
||||
},
|
||||
multiselect: async () => {
|
||||
if (customLocators.shouldChangeMultiSelectLocator) {
|
||||
await eventTypePage.locator("form svg").nth(1).click();
|
||||
await eventTypePage.getByTestId("select-option-Option 1").click();
|
||||
} else {
|
||||
await eventTypePage.locator("form svg").last().click();
|
||||
await eventTypePage.getByTestId("select-option-Option 1").click();
|
||||
}
|
||||
},
|
||||
boolean: async () => {
|
||||
await eventTypePage.getByLabel(`${questionType} test`).check();
|
||||
},
|
||||
radio: async () => {
|
||||
await eventTypePage.locator('[id="radio-test\\.option\\.0\\.radio"]').click();
|
||||
},
|
||||
select: async () => {
|
||||
if (customLocators.shouldChangeSelectLocator) {
|
||||
await eventTypePage.locator("form svg").nth(1).click();
|
||||
await eventTypePage.getByTestId("select-option-Option 1").click();
|
||||
} else {
|
||||
await eventTypePage.locator("form svg").last().click();
|
||||
await eventTypePage.getByTestId("select-option-Option 1").click();
|
||||
}
|
||||
},
|
||||
number: async () => {
|
||||
await eventTypePage.getByPlaceholder(`${questionType} test`).click();
|
||||
await eventTypePage.getByPlaceholder(`${questionType} test`).fill("123");
|
||||
},
|
||||
address: async () => {
|
||||
await eventTypePage.getByPlaceholder(`${questionType} test`).click();
|
||||
await eventTypePage.getByPlaceholder(`${questionType} test`).fill("address test");
|
||||
},
|
||||
textarea: async () => {
|
||||
await eventTypePage.getByPlaceholder(`${questionType} test`).click();
|
||||
await eventTypePage.getByPlaceholder(`${questionType} test`).fill("textarea test");
|
||||
},
|
||||
text: async () => {
|
||||
await eventTypePage.getByPlaceholder(`${questionType} test`).click();
|
||||
await eventTypePage.getByPlaceholder(`${questionType} test`).fill("text test");
|
||||
},
|
||||
};
|
||||
|
||||
if (questionActions[questionType]) {
|
||||
await questionActions[questionType]();
|
||||
}
|
||||
};
|
||||
|
||||
export const fillAndConfirmBooking = async (
|
||||
eventTypePage: Page,
|
||||
placeholderText: string,
|
||||
question: string,
|
||||
fillText: string,
|
||||
secondQuestion: string,
|
||||
options: BookingOptions
|
||||
) => {
|
||||
const confirmButton = options.isReschedule ? "confirm-reschedule-button" : "confirm-book-button";
|
||||
|
||||
await expect(eventTypePage.getByText(`${secondQuestion} test`).first()).toBeVisible();
|
||||
await eventTypePage.getByPlaceholder(placeholderText).fill(fillText);
|
||||
|
||||
// Change the selector for specifics cases related to select question
|
||||
const shouldChangeSelectLocator = (question: string, secondQuestion: string): boolean =>
|
||||
question === "select" && ["multiemail", "multiselect"].includes(secondQuestion);
|
||||
|
||||
const shouldUseLastRadioGroupLocator = (question: string, secondQuestion: string): boolean =>
|
||||
question === "radio" && secondQuestion === "checkbox";
|
||||
|
||||
const shouldUseFirstRadioGroupLocator = (question: string, secondQuestion: string): boolean =>
|
||||
question === "checkbox" && secondQuestion === "radio";
|
||||
|
||||
const shouldChangeMultiSelectLocator = (question: string, secondQuestion: string): boolean =>
|
||||
question === "multiselect" && ["address", "checkbox", "multiemail", "select"].includes(secondQuestion);
|
||||
|
||||
const customLocators = {
|
||||
shouldChangeSelectLocator: shouldChangeSelectLocator(question, secondQuestion),
|
||||
shouldUseLastRadioGroupLocator: shouldUseLastRadioGroupLocator(question, secondQuestion),
|
||||
shouldUseFirstRadioGroupLocator: shouldUseFirstRadioGroupLocator(question, secondQuestion),
|
||||
shouldChangeMultiSelectLocator: shouldChangeMultiSelectLocator(question, secondQuestion),
|
||||
};
|
||||
|
||||
// Fill the first question
|
||||
await fillQuestion(eventTypePage, question, customLocators);
|
||||
|
||||
// Fill the second question if is required
|
||||
options.isRequired && (await fillQuestion(eventTypePage, secondQuestion, customLocators));
|
||||
|
||||
await eventTypePage.getByTestId(confirmButton).click();
|
||||
const scheduleSuccessfullyPage = eventTypePage.getByText(scheduleSuccessfullyText);
|
||||
await scheduleSuccessfullyPage.waitFor({ state: "visible" });
|
||||
await expect(scheduleSuccessfullyPage).toBeVisible();
|
||||
};
|
||||
|
||||
export const initialCommonSteps = async (
|
||||
bookingPage: Page,
|
||||
question: string,
|
||||
users: Fixtures["users"],
|
||||
secondQuestion: string,
|
||||
message: string,
|
||||
options: BookingOptions
|
||||
) => {
|
||||
const firstQuestionHasPlaceholder = [
|
||||
"address",
|
||||
"textarea",
|
||||
"multiemail",
|
||||
"number",
|
||||
"text",
|
||||
"phone",
|
||||
].includes(question);
|
||||
|
||||
//Logs in a test user and navigates to the event types page.
|
||||
loginUser(bookingPage, users);
|
||||
|
||||
// Go to event type settings
|
||||
await bookingPage.getByRole("link", { name: "30 min" }).click();
|
||||
|
||||
// Go to advanced tab
|
||||
await bookingPage.getByTestId("vertical-tab-event_advanced_tab_title").click();
|
||||
|
||||
// Add first and second question and fill both
|
||||
await bookingPage.getByTestId("add-field").click();
|
||||
await bookingPage.locator("#test-field-type > .bg-default > div > div:nth-child(2)").first().click();
|
||||
await bookingPage.getByTestId(`select-option-${question}`).click();
|
||||
await bookingPage.getByLabel("Identifier").dblclick();
|
||||
await bookingPage.getByLabel("Identifier").fill(`${question}-test`);
|
||||
await bookingPage.getByLabel("Label").click();
|
||||
await bookingPage.getByLabel("Label").fill(`${question} test`);
|
||||
|
||||
// Fill the placeholder if the question has one
|
||||
if (firstQuestionHasPlaceholder) {
|
||||
await bookingPage.getByLabel("Placeholder").click();
|
||||
await bookingPage.getByLabel("Placeholder").fill(`${question} test`);
|
||||
}
|
||||
await bookingPage.getByTestId("field-add-save").click();
|
||||
await bookingPage.getByTestId("add-field").click();
|
||||
await bookingPage.locator("#test-field-type > .bg-default > div > div:nth-child(2)").first().click();
|
||||
await bookingPage.getByTestId(`select-option-${secondQuestion}`).click();
|
||||
await bookingPage.getByLabel("Identifier").dblclick();
|
||||
await bookingPage.getByLabel("Identifier").fill(`${secondQuestion}-test`);
|
||||
await bookingPage.getByLabel("Label").click();
|
||||
await bookingPage.getByLabel("Label").fill(`${secondQuestion} test`);
|
||||
if (options.hasPlaceholder) {
|
||||
await bookingPage.getByLabel("Placeholder").dblclick();
|
||||
await bookingPage.getByLabel("Placeholder").fill(`${secondQuestion} test`);
|
||||
}
|
||||
if (!options.isRequired) {
|
||||
await bookingPage.getByRole("radio", { name: "No" }).click();
|
||||
}
|
||||
await bookingPage.getByTestId("field-add-save").click();
|
||||
await expect(bookingPage.getByTestId(`field-${question}-test`)).toBeVisible();
|
||||
await expect(bookingPage.getByTestId(`field-${secondQuestion}-test`)).toBeVisible();
|
||||
await bookingPage.getByTestId("update-eventtype").click();
|
||||
|
||||
// Go to booking page
|
||||
const eventtypePromise = bookingPage.waitForEvent("popup");
|
||||
await bookingPage.getByTestId("preview-button").click();
|
||||
const eventTypePage = await eventtypePromise;
|
||||
|
||||
// Select the first available time
|
||||
await eventTypePage.getByTestId("time").first().click();
|
||||
fillAndConfirmBooking(
|
||||
eventTypePage,
|
||||
"Please share anything that will help prepare for our meeting.",
|
||||
question,
|
||||
message,
|
||||
secondQuestion,
|
||||
options
|
||||
);
|
||||
|
||||
// Go to final steps
|
||||
await rescheduleAndCancel(eventTypePage);
|
||||
};
|
||||
const rescheduleAndCancel = async (eventTypePage: Page) => {
|
||||
await eventTypePage.getByText("Reschedule").click();
|
||||
await eventTypePage.getByTestId("time").first().click();
|
||||
await eventTypePage.getByPlaceholder(reschedulePlaceholderText).click();
|
||||
await eventTypePage.getByPlaceholder(reschedulePlaceholderText).fill("Test reschedule");
|
||||
await eventTypePage.getByTestId("confirm-reschedule-button").click();
|
||||
|
||||
// Check if the rescheduled page is visible
|
||||
await expect(eventTypePage.getByText(scheduleSuccessfullyText)).toBeVisible();
|
||||
await eventTypePage.getByTestId("cancel").click();
|
||||
await eventTypePage.getByTestId("cancel_reason").fill("Test cancel");
|
||||
await eventTypePage.getByTestId("confirm_cancel").click();
|
||||
|
||||
// Check if the cancelled page is visible
|
||||
await expect(eventTypePage.getByTestId("cancelled-headline")).toBeVisible();
|
||||
};
|
||||
Loading…
Reference in New Issue