87 lines
3.4 KiB
TypeScript
87 lines
3.4 KiB
TypeScript
import { expect, test } from "@playwright/test";
|
|
|
|
import { hasIntegrationInstalled } from "../lib/integrations/getIntegrations";
|
|
import { todo } from "./lib/testUtils";
|
|
|
|
test.describe.serial("Stripe integration", () => {
|
|
test.skip(!hasIntegrationInstalled("stripe_payment"), "It should only run if Stripe is installed");
|
|
|
|
test.describe.serial("Stripe integration dashboard", () => {
|
|
test.use({ storageState: "playwright/artifacts/proStorageState.json" });
|
|
|
|
test("Can add Stripe integration", async ({ page }) => {
|
|
await page.goto("/integrations");
|
|
/** We should see the "Connect" button for Stripe */
|
|
await expect(
|
|
page.locator(`li:has-text("Stripe") >> [data-testid="integration-connection-button"]`)
|
|
).toContainText("Connect");
|
|
|
|
/** We start the Stripe flow */
|
|
await Promise.all([
|
|
page.waitForNavigation({ url: "https://connect.stripe.com/oauth/v2/authorize?*" }),
|
|
page.click('li:has-text("Stripe") >> [data-testid="integration-connection-button"]'),
|
|
]);
|
|
|
|
await Promise.all([
|
|
page.waitForNavigation({ url: "/integrations" }),
|
|
/** We skip filling Stripe forms (testing mode only) */
|
|
page.click('[id="skip-account-app"]'),
|
|
]);
|
|
|
|
/** If Stripe is added correctly we should see the "Disconnect" button */
|
|
await expect(
|
|
page.locator(`li:has-text("Stripe") >> [data-testid="integration-connection-button"]`)
|
|
).toContainText("Disconnect");
|
|
});
|
|
});
|
|
|
|
test("Can book a paid booking", async ({ page }) => {
|
|
await page.goto("/pro/paid");
|
|
// Click [data-testid="incrementMonth"]
|
|
await page.click('[data-testid="incrementMonth"]');
|
|
// Click [data-testid="day"]
|
|
await page.click('[data-testid="day"][data-disabled="false"]');
|
|
// Click [data-testid="time"]
|
|
await page.click('[data-testid="time"]');
|
|
// --- fill form
|
|
await page.fill('[name="name"]', "Stripe Stripeson");
|
|
await page.fill('[name="email"]', "test@example.com");
|
|
|
|
await Promise.all([page.waitForNavigation({ url: "/payment/*" }), page.press('[name="email"]', "Enter")]);
|
|
|
|
await page.waitForSelector('iframe[src^="https://js.stripe.com/v3/elements-inner-card-"]');
|
|
|
|
// We lookup Stripe's iframe
|
|
const stripeFrame = page.frame({
|
|
url: (url) => url.href.startsWith("https://js.stripe.com/v3/elements-inner-card-"),
|
|
});
|
|
|
|
if (!stripeFrame) throw new Error("Stripe frame not found");
|
|
|
|
// Fill [placeholder="Card number"]
|
|
await stripeFrame.fill('[placeholder="Card number"]', "4242 4242 4242 4242");
|
|
// Fill [placeholder="MM / YY"]
|
|
await stripeFrame.fill('[placeholder="MM / YY"]', "12 / 24");
|
|
// Fill [placeholder="CVC"]
|
|
await stripeFrame.fill('[placeholder="CVC"]', "111");
|
|
// Fill [placeholder="ZIP"]
|
|
await stripeFrame.fill('[placeholder="ZIP"]', "111111");
|
|
// Click button:has-text("Pay now")
|
|
await page.click('button:has-text("Pay now")');
|
|
|
|
// Make sure we're navigated to the success page
|
|
await page.waitForNavigation({
|
|
url(url) {
|
|
return url.pathname.endsWith("/success");
|
|
},
|
|
});
|
|
});
|
|
|
|
todo("Pending payment booking should not be confirmed by default");
|
|
todo("Payment should confirm pending payment booking");
|
|
todo("Payment should trigger a BOOKING_PAID webhook");
|
|
todo("Paid booking should be able to be rescheduled");
|
|
todo("Paid booking should be able to be cancelled");
|
|
todo("Cancelled paid booking should be refunded");
|
|
});
|