public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add changes

teste2e-radioGroupQuestion
gitstart-calcom 2023-10-19 19:41:50 +00:00
parent 2fb25edad6
commit 7df7b03321
12 changed files with 385 additions and 520 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
apps/web/playwright/booking/phoneQuestione2e/phone-and-address-question.e2e.ts
View File

@ -1,27 +0,0 @@
import { test } from "../../lib/fixtures";
import { initialCommonSteps } from "../utils/bookingUtils";
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 }
);
});
});

27
apps/web/playwright/booking/phoneQuestione2e/phone-and-checkbox-group-question.e2e.ts
View File

@ -1,27 +0,0 @@
import { test } from "../../lib/fixtures";
import { initialCommonSteps } from "../utils/bookingUtils";
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 }
);
});
});

27
apps/web/playwright/booking/phoneQuestione2e/phone-and-checkbox-question.e2e.ts
View File

@ -1,27 +0,0 @@
import { test } from "../../lib/fixtures";
import { initialCommonSteps } from "../utils/bookingUtils";
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 }
);
});
});

27
apps/web/playwright/booking/phoneQuestione2e/phone-and-long-text-question.e2e.ts
View File

@ -1,27 +0,0 @@
import { test } from "../../lib/fixtures";
import { initialCommonSteps } from "../utils/bookingUtils";
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 }
);
});
});

27
apps/web/playwright/booking/phoneQuestione2e/phone-and-multiple-emails-question.e2e.ts
View File

@ -1,27 +0,0 @@
import { test } from "../../lib/fixtures";
import { initialCommonSteps } from "../utils/bookingUtils";
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 }
);
});
});

27
apps/web/playwright/booking/phoneQuestione2e/phone-and-multiselect-question.e2e.ts
View File

@ -1,27 +0,0 @@
import { test } from "../../lib/fixtures";
import { initialCommonSteps } from "../utils/bookingUtils";
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 }
);
});
});

27
apps/web/playwright/booking/phoneQuestione2e/phone-and-number-question.e2e.ts
View File

@ -1,27 +0,0 @@
import { test } from "../../lib/fixtures";
import { initialCommonSteps } from "../utils/bookingUtils";
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 }
);
});
});

27
apps/web/playwright/booking/phoneQuestione2e/phone-and-radio-group-question.e2e.ts
View File

@ -1,27 +0,0 @@
import { test } from "../../lib/fixtures";
import { initialCommonSteps } from "../utils/bookingUtils";
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 }
);
});
});

27
apps/web/playwright/booking/phoneQuestione2e/phone-and-select-question.e2e.ts
View File

@ -1,27 +0,0 @@
import { test } from "../../lib/fixtures";
import { initialCommonSteps } from "../utils/bookingUtils";
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 }
);
});
});

27
apps/web/playwright/booking/phoneQuestione2e/phone-and-short-text-question.e2e.ts
View File

@ -1,27 +0,0 @@
import { test } from "../../lib/fixtures";
import { initialCommonSteps } from "../utils/bookingUtils";
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 }
);
});
});

385
apps/web/playwright/booking/radioGroupQuestion.e2e.ts Normal file
View File

@ -0,0 +1,385 @@
import { loginUser } from "../fixtures/regularBookings";
import { test } from "../lib/fixtures";
test.describe("Booking With Radio Question and Each Other Question", () => {
const bookingOptions = { hasPlaceholder: true, isRequired: true };
test.beforeEach(async ({ page, users, bookingPage }) => {
await loginUser(users);
await page.goto("/event-types");
await bookingPage.goToEventType("30 min");
await bookingPage.goToTab("event_advanced_tab_title");
});
test.describe("Booking With Radio Question and Address Question", () => {
test("Radio and Address required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion("address", "address-test", "address test", true, "address test");
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and Address question (both required)",
secondQuestion: "address",
options: bookingOptions,
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
test("Radio and Address not required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion("address", "address-test", "address test", false, "address test");
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and Address question (only radio required)",
secondQuestion: "address",
options: { ...bookingOptions, isRequired: false },
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
test.describe("Booking With Radio Question and checkbox group Question", () => {
const bookingOptions = { hasPlaceholder: false, isRequired: true };
test("Radio and checkbox group required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion("checkbox", "checkbox-test", "checkbox test", true);
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and checkbox group question (both required)",
secondQuestion: "checkbox",
options: bookingOptions,
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
test("Radio and checkbox group not required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion("checkbox", "checkbox-test", "checkbox test", false);
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and checkbox group question (only radio required)",
secondQuestion: "checkbox",
options: { ...bookingOptions, isRequired: false },
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
});
test.describe("Booking With Radio Question and checkbox Question", () => {
test("Radio and checkbox required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion("boolean", "boolean-test", "boolean test", true);
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and checkbox question (both required)",
secondQuestion: "boolean",
options: bookingOptions,
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
test("Radio and checkbox not required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion("boolean", "boolean-test", "boolean test", false);
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and checkbox (only radio required)",
secondQuestion: "boolean",
options: { ...bookingOptions, isRequired: false },
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
});
test.describe("Booking With Radio Question and Long text Question", () => {
test("Radio and Long text required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion("textarea", "textarea-test", "textarea test", true, "textarea test");
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and Long Text question (both required)",
secondQuestion: "textarea",
options: bookingOptions,
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
test("Radio and Long text not required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion("textarea", "textarea-test", "textarea test", false, "textarea test");
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and Long Text question (only radio required)",
secondQuestion: "textarea",
options: { ...bookingOptions, isRequired: false },
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
});
test.describe("Booking With Radio Question and Multi email Question", () => {
test("Radio and Multi email required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion(
"multiemail",
"multiemail-test",
"multiemail test",
true,
"multiemail test"
);
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and Multi Email question (both required)",
secondQuestion: "multiemail",
options: bookingOptions,
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
test("Radio and Multi email not required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion(
"multiemail",
"multiemail-test",
"multiemail test",
false,
"multiemail test"
);
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and Multi Email question (only radio required)",
secondQuestion: "multiemail",
options: { ...bookingOptions, isRequired: false },
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
});
test.describe("Booking With Radio Question and multiselect Question", () => {
test("Radio and multiselect text required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion("multiselect", "multiselect-test", "multiselect test", true);
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and Multi Select question (both required)",
secondQuestion: "multiselect",
options: bookingOptions,
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
test("Radio and multiselect text not required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion("multiselect", "multiselect-test", "multiselect test", false);
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and Multi Select question (only radio required)",
secondQuestion: "multiselect",
options: { ...bookingOptions, isRequired: false },
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
});
test.describe("Booking With Radio Question and Number Question", () => {
test("Radio and Number required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion("number", "number-test", "number test", true, "number test");
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and Number question (both required)",
secondQuestion: "number",
options: bookingOptions,
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
test("Radio and Number not required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion("number", "number-test", "number test", false, "number test");
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and Number question (only radio required)",
secondQuestion: "number",
options: { ...bookingOptions, isRequired: false },
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
});
test.describe("Booking With Radio Question and Radio group Question", () => {
test("Radio and Radio group required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion("radio", "radio-test", "radio test", true);
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and Radio question (both required)",
secondQuestion: "radio",
options: bookingOptions,
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
test("Radio and Radio group not required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion("radio", "radio-test", "radio test", false);
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and Radio question (only radio required)",
secondQuestion: "radio",
options: { ...bookingOptions, isRequired: false },
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
});
test.describe("Booking With Radio Question and select Question", () => {
test("Radio and select required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion("select", "select-test", "select test", true, "select test");
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and Select question (both required)",
secondQuestion: "select",
options: bookingOptions,
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
test("Radio and select not required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion("select", "select-test", "select test", false, "select test");
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and Select question (only radio required)",
secondQuestion: "select",
options: { ...bookingOptions, isRequired: false },
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
});
test.describe("Booking With Radio Question and Short text question", () => {
test("Radio and Short text required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion("text", "text-test", "text test", true, "text test");
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and Text question (both required)",
secondQuestion: "text",
options: bookingOptions,
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
test("Radio and Short text not required", async ({ bookingPage }) => {
await bookingPage.addQuestion("radio", "radio-test", "radio test", true, "radio test");
await bookingPage.addQuestion("text", "text-test", "text test", false, "text test");
await bookingPage.updateEventType();
const eventTypePage = await bookingPage.previewEventType();
await bookingPage.selectTimeSlot(eventTypePage);
await bookingPage.fillAndConfirmBooking({
eventTypePage,
placeholderText: "Please share anything that will help prepare for our meeting.",
question: "radio",
fillText: "Test Radio question and Text question (only radio required)",
secondQuestion: "text",
options: { ...bookingOptions, isRequired: false },
});
await bookingPage.cancelAndRescheduleBooking(eventTypePage);
});
});
});
});

250
apps/web/playwright/booking/utils/bookingUtils.ts
View File

@ -1,250 +0,0 @@
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;
while (await bookingPage.getByRole("button", { name: "View next" }).isVisible()) {
await bookingPage.getByRole("button", { name: "View next" }).click();
}
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();
while (await eventTypePage.getByRole("button", { name: "View next" }).isVisible()) {
await eventTypePage.getByRole("button", { name: "View next" }).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();
};