test: DAH-3110 add tests

app/javascript/__tests__/pages/SignIn.test.tsx

@@ -2,7 +2,7 @@ import React from "react"
 
 import SignIn from "../../pages/sign-in"
 import { renderAndLoadAsync } from "../__util__/renderUtils"
-import { render, screen, waitFor } from "@testing-library/react"
+import { fireEvent, render, screen, waitFor } from "@testing-library/react"
 import { userEvent } from "@testing-library/user-event"
 import { post } from "../../api/apiService"
 import { SiteAlert } from "../../components/SiteAlert"
@@ -197,6 +197,33 @@ describe("<SignIn />", () => {
     })
   })
 
+  it("handles enter key press as submit", async () => {
+    const { getByTestId } = render(<SignIn assetPaths={{}} />)
+    ;(post as jest.Mock).mockRejectedValue({
+      response: {
+        status: 422,
+        data: { error: "not_confirmed", email: "[email protected]" },
+      },
+    })
+
+    const emailField = getByTestId("email-field")
+    const passwordField = getByTestId("password-field")
+
+    fireEvent.change(emailField, { target: { value: "[email protected]" } })
+    fireEvent.change(passwordField, { target: { value: "test1234" } })
+    fireEvent.keyPress(emailField, { key: "Enter", code: "Enter" })
+
+    await waitFor(() => {
+      expect(post).toHaveBeenCalled()
+    })
+
+    fireEvent.keyPress(passwordField, { key: "Enter", code: "Enter" })
+
+    await waitFor(() => {
+      expect(post).toHaveBeenCalled()
+    })
+  })
+
   it("shows the correct new account modal", async () => {
     ;(post as jest.Mock).mockRejectedValueOnce({
       response: {

app/javascript/pages/account/components/EmailFieldset.tsx

@@ -83,6 +83,7 @@ const EmailFieldset = ({ register, errors, defaultEmail, onChange, note }: Email
   return (
     <Fieldset hasError={errors.email} label={t("label.emailAddress")} note={note}>
       <Field
+        dataTestId="email-field"
         className="pb-4"
         controlClassName="mt-1"
         type="email"

app/javascript/pages/account/components/PasswordFieldset.tsx

@@ -138,6 +138,7 @@ const PasswordField = ({ passwordVisibilityDefault = false, ...props }: Password
   return (
     <>
       <Field
+        dataTestId="password-field"
         {...props}
         type={showPassword ? "text" : "password"}
         inputProps={{ className: "input", required: true }}