diff --git a/frontend/src/components/Form/BasicAuthFields.test.tsx b/frontend/src/components/Form/BasicAuthFields.test.tsx new file mode 100644 index 0000000000..dffcd5f0a4 --- /dev/null +++ b/frontend/src/components/Form/BasicAuthFields.test.tsx @@ -0,0 +1,20 @@ +import { render } from "@testing-library/react"; +import { Form, Formik } from "formik"; +import { BasicAuthFields } from "src/components"; +import { describe, expect, it } from "vitest"; + +describe("BasicAuthFields", () => { + it("names the inputs and stops browsers autofilling them", () => { + const { container } = render( + {}}> +
+ + +
, + ); + const inputs = Array.from(container.querySelectorAll("input")); + + expect(inputs.map((input) => input.getAttribute("name"))).toEqual(["items-username-0", "items-password-0"]); + expect(inputs.map((input) => input.getAttribute("autocomplete"))).toEqual(["new-password", "new-password"]); + }); +}); diff --git a/frontend/src/components/Form/BasicAuthFields.tsx b/frontend/src/components/Form/BasicAuthFields.tsx index d8d33d1595..b936f85383 100644 --- a/frontend/src/components/Form/BasicAuthFields.tsx +++ b/frontend/src/components/Form/BasicAuthFields.tsx @@ -61,7 +61,8 @@ export function BasicAuthFields({ initialValues, name = "items" }: Props) {
handleChange(idx, "username", e.target.value)} @@ -70,7 +71,8 @@ export function BasicAuthFields({ initialValues, name = "items" }: Props) {