Add a test (and fix checkboxes)

src/lib/sketch/FormV2.svelte

@@ -77,8 +77,8 @@
       <label class="govuk-label govuk-label--s" for={intendedUsersId}>
         Intended users
       </label>
-      <Checkbox checked={props.v2.for_cycling}>Is this for cyclists?</Checkbox>
-      <Checkbox checked={props.v2.for_walking_wheeling}>
+      <Checkbox bind:checked={props.v2.for_cycling}>Is this for cyclists?</Checkbox>
+      <Checkbox bind:checked={props.v2.for_walking_wheeling}>
         Is this for walking/wheeling?
       </Checkbox>
     </div>

tests/v2.spec.ts

@@ -0,0 +1,38 @@
+import { expect, test } from "@playwright/test";
+import { resetSketch, getLocalStorage, clickMap } from "./shared.js";
+
+test("v2 forms work", async ({ page }) => {
+  let filename = await resetSketch(page, "v2");
+
+  await page.getByRole("button", { name: "New point" }).click();
+  await clickMap(page, 500, 500);
+
+  await page.getByLabel("Modal Filter").check();
+  await page.getByLabel("Is this for cyclists?").check();
+  await page.getByLabel("Something completely new").check();
+  await page.getByLabel("Description").fill("Bus gate");
+
+  await page.getByRole("button", { name: "Finish" }).click();
+
+  // Check the data in local storage
+  let json = await getLocalStorage(page, `sketch/LAD_Adur/${filename}`);
+  let feature = json.features[0] as any;
+  expect(feature.properties.v2).toEqual({
+    intervention_type: "modal filter",
+    for_cycling: true,
+    for_walking_wheeling: false,
+    work_type: "new",
+  });
+  expect(feature.properties.description).toEqual("Bus gate");
+
+  // Edit the point and make sure the forms are still there
+  await page.getByRole("link", { name: "Untitled point" }).click();
+  await page.getByLabel("Improvements to something already existing").check();
+  await page.getByRole("button", { name: "Finish" }).click();
+
+  // Check the edit
+  await page.getByRole("link", { name: "Untitled point" }).click();
+  await expect(
+    page.getByLabel("Improvements to something already existing"),
+  ).toBeChecked();
+});