fix(e2e): add error fixture for sign-in-sms-mfa invalid code test (#4932

)

packages/e2e/cypress/fixtures/code-mismatch-exception.json

@@ -0,0 +1,4 @@
+{
+  "__type": "CodeMismatchException",
+  "message": "Invalid code or auth state for the user."
+}

packages/e2e/features/ui/components/authenticator/sign-in-sms-mfa.feature

@@ -12,22 +12,15 @@ Feature: Sign In with SMS MFA
     Then I type my "phone number" with status "CONFIRMED"
     Then I type my password
     Then I click the "Sign in" button
+    Then I will be redirected to the confirm sms mfa page
     Then I see "Confirm SMS Code"
     Then I type a valid SMS confirmation code
     Then I spy request '{ "headers": { "X-Amz-Target": "AWSCognitoIdentityProviderService.RespondToAuthChallenge" } }'
     Then I click the "Confirm" button
     Then I confirm request '{"headers": { "X-Amz-Target": "AWSCognitoIdentityProviderService.RespondToAuthChallenge" } }'
 
   @angular @react @vue
-  Scenario: Sign in using a valid phone number and SMS MFA
-    When I select my country code with status "CONFIRMED"
-    Then I type my "phone number" with status "CONFIRMED"
-    Then I type my password
-    Then I click the "Sign in" button
-    Then I will be redirected to the confirm sms mfa page
-
-  @angular @react @vue
-  Scenario: Redirect to sign in page
+  Scenario: Sign in and navigate back to sign in page
     When I select my country code with status "CONFIRMED"
     Then I type my "phone number" with status "CONFIRMED"
     Then I type my password
@@ -43,6 +36,7 @@ Feature: Sign In with SMS MFA
     Then I click the "Sign in" button
     Then I type an invalid SMS code
     Then I click the "Confirm" button
+    Then I intercept '{ "headers": { "X-Amz-Target": "AWSCognitoIdentityProviderService.RespondToAuthChallenge" } }' with error fixture "code-mismatch-exception"
     Then I see "invalid code"
 
   @angular @react @vue