Function runFormTests

integration/form-test.ts:521–1141

()

  });

  function runFormTests() {
    test("posts to a loader", async ({ page }) => {
      let app = new PlaywrightFixture(appFixture, page);
      // this indirectly tests that clicking SVG children in buttons works
      await app.goto("/get-submission");
      await app.clickSubmitButton("/get-submission", { wait: true });
      await page.waitForSelector(`pre:has-text("${CHEESESTEAK}")`);
    });

    test("posts to a loader with an <input name='action' />", async ({
      page,
    }) => {
      let app = new PlaywrightFixture(appFixture, page);
      await app.goto("/get-submission");
      await page.locator(`#${FORM_WITH_ACTION_INPUT} button`).click();
      await page.locator(`pre:has-text("${EAT}")`).waitFor();
    });

    test("posts to a loader with button data with click", async ({ page }) => {
      let app = new PlaywrightFixture(appFixture, page);
      await app.goto("/get-submission");
      await page.locator("#buttonWithValue").click();
      await page.locator(`pre:has-text("${LAKSA}")`).waitFor();
    });

    test("posts to a loader with button data with keyboard", async ({
      page,
    }) => {
      let app = new PlaywrightFixture(appFixture, page);
      await app.goto("/get-submission");
      await page.focus(`#${KEYBOARD_INPUT}`);
      await app.waitForNetworkAfter(async () => {
        await page.keyboard.press("Enter");
        // there can be a delay before the request gets kicked off (worse with JS disabled)
        await new Promise((resolve) => setTimeout(resolve, 50));
      });
      await page.waitForSelector(`pre:has-text("${LAKSA}")`);
    });

    test("posts with the correct checkbox data", async ({ page }) => {
      let app = new PlaywrightFixture(appFixture, page);
      await app.goto("/get-submission");
      await page.locator(`#${CHECKBOX_BUTTON}`).click();
      await page.locator(`pre:has-text("${LAKSA}")`).waitFor();
      await page.locator(`pre:has-text("${CHEESESTEAK}")`).waitFor();
    });

    test("posts button data from outside the form", async ({ page }) => {
      let app = new PlaywrightFixture(appFixture, page);
      await app.goto("/get-submission");
      await page.locator(`#${ORPHAN_BUTTON}`).click();
      await page.locator(`pre:has-text("${SQUID_INK_HOTDOG}")`).waitFor();
    });

    test(
      "when clicking on a submit button as a descendant of an element that " +
        "stops propagation on click, still passes the clicked submit button's " +
        "`name` and `value` props to the request payload",