BUG#-3064 When the button cancel beside create account is pressed by …

packages/peregrine/lib/talons/CreateAccount/__tests__/__snapshots__/useCreateAccount.spec.js.snap

@@ -26,6 +26,7 @@ Object {
     "signInMutation" => null,
   },
   "handleCancel": [Function],
+  "handleCancelKeyPress": [Function],
   "handleSubmit": [Function],
   "initialValues": Object {
     "customer": Object {

packages/peregrine/lib/talons/CreateAccount/useCreateAccount.js

@@ -85,6 +85,14 @@ export const useCreateAccount = props => {
         onCancel();
     }, [onCancel]);
 
+    const handleCancelKeyPress = useCallback(() => {
+        event => {
+            if (event.key === 'Enter') {
+                handleCancel();
+            }
+        };
+    }, [handleCancel]);
+
     const handleSubmit = useCallback(
         async formValues => {
             setIsSubmitting(true);
@@ -167,6 +175,7 @@ export const useCreateAccount = props => {
                 setIsSubmitting(false);
             }
         },
+
         [
             cartId,
             generateReCaptchaData,
@@ -209,6 +218,7 @@ export const useCreateAccount = props => {
         errors,
         handleCancel,
         handleSubmit,
+        handleCancelKeyPress,
         initialValues: sanitizedInitialValues,
         isDisabled: isSubmitting || isGettingDetails || recaptchaLoading,
         recaptchaWidgetProps

packages/venia-ui/lib/components/CreateAccount/createAccount.js

@@ -32,6 +32,7 @@ const CreateAccount = props => {
         handleCancel,
         handleSubmit,
         handleEnterKeyPress,
+        handleCancelKeyPress,
         isDisabled,
         initialValues,
         recaptchaWidgetProps
@@ -47,6 +48,7 @@ const CreateAccount = props => {
             type="button"
             priority="low"
             onClick={handleCancel}
+            onKeyDown={handleCancelKeyPress}
         >
             <FormattedMessage
                 id={'createAccount.cancelText'}