@evinvest/kitstart 0.10.0 → 0.12.0

package/template/tests/e2e/flows.spec.ts

@@ -1,8 +1,12 @@
 import { expect, test, type Page } from "@playwright/test";
+import { PRICING } from "../../src/shared/config/pricing";
 
 // The form variants: `recurring` is an estimate, priced live from the baked
 // model (the mock panel's price list is down) and stored at the server's own
-// price; the slot is then set by a call — no booking provider yet.
+// price — the price shown, or the lead is sent back to confirm a fresh one.
+// The slot is then booked on the Google appointment schedule the panel set
+// for the place (the French page), or — the default, `manual` (the English
+// one) — promised by a call with an optional preference.
 
 const hydrated = (page: Page) => expect(page.locator("#quote select")).toHaveCount(0);
 
@@ -22,7 +26,18 @@ async function contact(page: Page, locale: "fr" | "en") {
   await form(page).getByLabel(locale === "fr" ? "Téléphone" : "Phone").fill("0612345678");
 }
 
+/** The template's list as the panel serves it after a change: no monthly discount, nothing else. */
+const LIVE_PRICING = {
+  ...PRICING,
+  inputs: PRICING.inputs.map(i => (i.id === "frequency" ? { ...i, options: i.options.map(o => (o.id === "monthly" ? { ...o, discountBp: 0 } : o)) } : i)),
+};
+
 const quote = (page: Page) => page.waitForResponse(r => r.request().method() === "POST" && new URL(r.url()).pathname === "/quote");
+const outsideRequests = (page: Page): string[] => {
+  const outside: string[] = [];
+  page.on("request", r => void (new URL(r.url()).hostname !== "localhost" && outside.push(r.url())));
+  return outside;
+};
 
 test("an estimate prices the answers live, from the baked model while the panel's is down", async ({ page }) => {
   await pickRecurring(page, "fr");
@@ -38,7 +53,7 @@ test("an estimate prices the answers live, from the baked model while the panel'
   await expect(form(page).getByRole("button", { name: "Réserver" })).toBeVisible();
 });
 
-test("the server prices the posted answers itself: a posted amount is ignored", async ({ page }) => {
+test("the server prices the posted answers itself, and takes a lead only at the price shown", async ({ page }) => {
   await pickRecurring(page, "fr");
   await answer(page, "2 chambres");
   await answer(page, "40 à 70 m²");
@@ -57,16 +72,50 @@ test("the server prices the posted answers itself: a posted amount is ignored",
     const t3 = el.querySelector<HTMLInputElement>("input[name=estimate_bedrooms][value=t3]");
     if (t3) t3.value = "t4";
   });
+  const refused = quote(page);
+  await form(page).getByRole("button", { name: "Réserver" }).click();
+  // 45 € + 45 € + 10 € = 100 €, less 10 % = 90 € — not the 77 € shown: confirmed first.
+  expect(await (await refused).json()).toEqual({ ok: false, field: "price_changed", reason: "price_changed", cents: 9000 });
+  await expect(form(page)).toContainText(/Le prix a changé : 90\s€ au lieu de 77\s€\./);
+  await expect(price(page)).toHaveAttribute("data-price-cents", "9000");
+  // The re-render put the radio's value back; the tampered answer again, then the confirm.
+  await form(page).evaluate(el => {
+    const t3 = el.querySelector<HTMLInputElement>("input[name=estimate_bedrooms][value=t3]");
+    if (t3) t3.value = "t4";
+  });
   const answered = quote(page);
   await form(page).getByRole("button", { name: "Réserver" }).click();
-  // 45 € + 45 € + 10 € = 100 €, less 10 % = 90 €.
   expect(await (await answered).json()).toMatchObject({ ok: true, cents: 9000 });
   await expect(page.getByRole("status")).toContainText(/Demande enregistrée au prix de 90\s€\./);
 });
 
-test("a priced lead confirms the server's price and promises a call to set the slot, with no third party", async ({ page }) => {
-  const outside: string[] = [];
-  page.on("request", r => void (new URL(r.url()).hostname !== "localhost" && outside.push(r.url())));
+// Live retest 2026-10-04: shown 77 €, the tariff changed in the panel, taken at 86 € without a word.
+test("a tariff changed under an open page is shown and confirmed, never recorded silently", async ({ page, request }) => {
+  await pickRecurring(page, "fr");
+  await answer(page, "1 chambre");
+  await answer(page, "Moins de 40 m²");
+  await answer(page, "Chaque mois");
+  // 45 € + 15 € = 60 €, less 5 % = 57 €.
+  await expect(price(page)).toHaveAttribute("data-price-cents", "5700");
+  await contact(page, "fr");
+  // The panel serves its own list from now on. Only the monthly discount
+  // differs, so the other tests, sharing the server, price as before.
+  await request.post(`http://127.0.0.1:${process.env["E2E_MOCK_PORT"]}/_e2e/pricing`, { data: LIVE_PRICING });
+  const refused = quote(page);
+  await form(page).getByRole("button", { name: "Réserver" }).click();
+  expect(await (await refused).json()).toMatchObject({ ok: false, reason: "price_changed", cents: 6000 });
+  await expect(page.getByRole("status")).toHaveCount(0);
+  await expect(form(page)).toContainText(/Le prix a changé : 60\s€ au lieu de 57\s€\./);
+  const answered = quote(page);
+  await form(page).getByRole("button", { name: "Réserver" }).click();
+  expect(await (await answered).json()).toMatchObject({ ok: true, cents: 6000 });
+  await expect(page.getByRole("status")).toContainText(/Demande enregistrée au prix de 60\s€\./);
+});
+
+test("a priced lead offers the place's Google schedule, loading nothing of Google's before the click", async ({ page, context }) => {
+  const outside = outsideRequests(page);
+  // The schedule itself is not under test: answered here, never fetched.
+  await context.route("https://calendar.app.google/**", route => route.fulfill({ status: 200, contentType: "text/html", body: "<title>Google</title>" }));
   await pickRecurring(page, "fr");
   await answer(page, "Studio");
   await answer(page, "Moins de 40 m²");
@@ -74,17 +123,34 @@ test("a priced lead confirms the server's price and promises a call to set the s
   await contact(page, "fr");
   const answered = quote(page);
   await form(page).getByRole("button", { name: "Réserver" }).click();
-  expect(await (await answered).json()).toMatchObject({ ok: true, cents: 4900, lead: expect.stringMatching(/^lead-\d+-[0-9a-f]{8}$/) });
+  const lead = (await (await answered).json()) as { lead: string };
+  expect(lead).toMatchObject({ ok: true, cents: 4900, lead: expect.stringMatching(/^lead-\d+-[0-9a-f]{8}$/) });
   const status = page.getByRole("status");
   // 45 €, under the 49 € minimum.
   await expect(status).toContainText(/Demande enregistrée au prix de 49\s€\./);
-  await expect(status).toContainText("Nous vous rappelons pour fixer le créneau.");
   await expect(status).toBeFocused();
+  // A schedule takes no parameter: opened as is, and the visitor types the same number there.
+  const book = status.getByRole("link", { name: "Choisir un créneau" });
+  await expect(book).toHaveAttribute("href", "https://calendar.app.google/BrandMenage");
+  await expect(status).toContainText("Indiquez le même numéro de téléphone en réservant");
+  await expect(status).toContainText("Sinon, nous vous rappelons pour fixer le créneau.");
   await expect(page.locator("iframe")).toHaveCount(0);
   expect(outside).toEqual([]);
+
+  const requested = page.waitForResponse(r => new URL(r.url()).pathname === "/quote/booking");
+  const popup = page.waitForEvent("popup");
+  await book.click();
+  const tab = await popup;
+  await tab.waitForLoadState();
+  expect(tab.url()).toBe("https://calendar.app.google/BrandMenage");
+  const res = await requested;
+  expect(JSON.parse(res.request().postData() ?? "{}")).toMatchObject({ lead_ref: lead.lead, provider: "google_calendar" });
+  // Taken; with no lead webhook in the template, `panelBooking` is off and nothing is queued (unit-tested).
+  expect(res.status()).toBe(200);
 });
 
-test("in English too", async ({ page }) => {
+test("in English, where the place has no booking of its own: a call, an optional preference, no third party", async ({ page }) => {
+  const outside = outsideRequests(page);
   await pickRecurring(page, "en");
   await answer(page, "1 bedroom");
   await answer(page, "Over 70 m²");
@@ -96,6 +162,17 @@ test("in English too", async ({ page }) => {
   const status = page.getByRole("status");
   await expect(status).toContainText("Request saved at €72.");
   await expect(status).toContainText("We will call you to set the slot.");
+  await expect(status.getByRole("link")).toHaveCount(0);
+  const send = status.getByRole("button", { name: "Send my preference" });
+  await expect(send).toBeDisabled();
+  await status.getByRole("radio", { name: "Evening", exact: true }).check();
+  const requested = page.waitForResponse(r => new URL(r.url()).pathname === "/quote/booking");
+  await send.click();
+  const res = await requested;
+  expect(JSON.parse(res.request().postData() ?? "{}")).toMatchObject({ provider: "manual", preferred_part: "evening", lead_ref: expect.stringMatching(/^lead-/) });
+  expect(res.status()).toBe(200);
+  await expect(status).toContainText("Noted: we will keep it in mind when we call.");
+  expect(outside).toEqual([]);
 });
 
 test("a quote need is the form it always was", async ({ page }) => {

package/template/tests/e2e/mock-panel.mjs

@@ -1,6 +1,9 @@
 // The panel's internal endpoints as the e2e suite needs them, on
-// `E2E_MOCK_PORT`: the place's live half (nothing over the baked place), and
-// a price list that is down — so the page prices from the baked model.
+// `E2E_MOCK_PORT`: the place's live half — in French the panel set the
+// place's booking to a Google appointment schedule; in English nothing over
+// the baked place, whose booking is a call (`manual`) — and a price list that is down, so the page prices from the baked model,
+// until a test serves one (`POST /_e2e/pricing`): the panel changing the
+// tariff under an open page.
 import { createServer } from "node:http";
 
 const port = Number(process.env["E2E_MOCK_PORT"]);
@@ -9,12 +12,23 @@ const json = (res, status, body) => {
   res.end(JSON.stringify(body));
 };
 
+let pricing = null;
+
 createServer((req, res) => {
   const url = new URL(req.url ?? "/", "http://mock");
   if (url.pathname === "/health") return json(res, 200, { ok: true });
-  if (url.pathname === "/pricing") return json(res, 503, { error: "down" });
+  if (url.pathname === "/_e2e/pricing" && req.method === "POST") {
+    let body = "";
+    req.on("data", chunk => (body += chunk));
+    req.on("end", () => {
+      pricing = JSON.parse(body);
+      json(res, 200, { ok: true });
+    });
+    return;
+  }
+  if (url.pathname === "/pricing") return pricing ? json(res, 200, pricing) : json(res, 503, { error: "down" });
   if (url.pathname === "/locations/paris") {
-    return json(res, 200, {});
+    return json(res, 200, url.searchParams.get("locale") === "fr" ? { booking: { default: "google_calendar", providers: { google_calendar: { url: "https://calendar.app.google/BrandMenage" } } } } : {});
   }
   return json(res, 404, { error: "no such route" });
 }).listen(port, "127.0.0.1");

package/template/tests/e2e/quote-form.spec.ts

@@ -221,7 +221,7 @@ test.describe("a refused number, without JavaScript", () => {
     await form.getByLabel("Code postal").fill("75011");
     await form.getByLabel("Téléphone").fill("06 12 34 56 7");
     await form.getByRole("button", { name: "Recevoir le prix" }).click();
-    await expect(page).toHaveURL(/\/fr\?lead_error=phone&need=standard#quote$/);
+    await expect(page).toHaveURL(/\/fr\?lead_error=phone&need=standard&lead_card=quote#quote$/);
   });
 });
 
@@ -286,7 +286,7 @@ test("offline, the form says so, keeps what was typed and sends it on retry", as
   await context.setOffline(true);
   await form.getByRole("button", { name: "Recevoir le prix" }).click();
   const alert = form.getByRole("alert");
-  await expect(alert).toContainText("Pas de connexion");
+  await expect(alert).toContainText("Pas de réponse du serveur");
   await expect(page).toHaveURL(/\/fr$/);
   await expect(form.getByLabel("Téléphone")).toHaveValue("0612345678");
   await context.setOffline(false);