Test failing randomly

From my read of the docs, this should work, however the test sometimes passes and sometimes not, from the traces it seems the input does not get filled.

Thanks in advance.

test("should show an error with an invalid email", async ({ page }) => {
    const email = "invalidemail";

    const inputWrapper = page.getByTestId("newsletter-input");
    const input = inputWrapper.getByRole("textbox");
    await input.fill(email);

    await page.getByRole("button", { name: "Sign Up" }).click();

    await expect(
      page.getByText("This field must be a valid email")
    ).toBeVisible();
  });