diff --git a/examples/next/pages/ui/components/authenticator/sign-in-with-email-mfa-selection/index.page.tsx b/examples/next/pages/ui/components/authenticator/sign-in-with-email-mfa-selection/index.page.tsx index 8e8149a5d1..abb39ef3ce 100644 --- a/examples/next/pages/ui/components/authenticator/sign-in-with-email-mfa-selection/index.page.tsx +++ b/examples/next/pages/ui/components/authenticator/sign-in-with-email-mfa-selection/index.page.tsx @@ -1,10 +1,10 @@ import { Amplify } from 'aws-amplify'; - +import { AuthContext } from '@aws-amplify/ui'; import { Authenticator } from '@aws-amplify/ui-react'; import '@aws-amplify/ui-react/styles.css'; import awsExports from './aws-exports'; -import { AuthContext } from '@aws-amplify/ui'; + Amplify.configure(awsExports); const customServices: AuthContext['services'] = { @@ -23,6 +23,11 @@ const customServices: AuthContext['services'] = { isSignedIn: false, nextStep: { signInStep: 'CONFIRM_SIGN_IN_WITH_EMAIL_CODE', + codeDeliveryDetails: { + destination: 'a***@e***.com', + deliveryMedium: 'EMAIL', + attributeName: 'email', + }, }, }; } diff --git a/examples/next/pages/ui/components/authenticator/sign-in-with-email-mfa-setup-selection/index.page.tsx b/examples/next/pages/ui/components/authenticator/sign-in-with-email-mfa-setup-selection/index.page.tsx index 96b115d869..2e672265d8 100644 --- a/examples/next/pages/ui/components/authenticator/sign-in-with-email-mfa-setup-selection/index.page.tsx +++ b/examples/next/pages/ui/components/authenticator/sign-in-with-email-mfa-setup-selection/index.page.tsx @@ -1,10 +1,10 @@ import { Amplify } from 'aws-amplify'; - +import { AuthContext, emailRegex } from '@aws-amplify/ui'; import { Authenticator } from '@aws-amplify/ui-react'; import '@aws-amplify/ui-react/styles.css'; import awsExports from './aws-exports'; -import { AuthContext, emailRegex } from '@aws-amplify/ui'; + Amplify.configure(awsExports); const customServices: AuthContext['services'] = { @@ -17,15 +17,6 @@ const customServices: AuthContext['services'] = { }, }; }, - handleAutoSignIn: async () => { - return { - isSignedIn: false, - nextStep: { - signInStep: 'CONTINUE_SIGN_IN_WITH_MFA_SETUP_SELECTION', - allowedMFATypes: ['EMAIL', 'TOTP'], - }, - }; - }, handleSignIn: async () => { return { isSignedIn: false, @@ -77,7 +68,7 @@ const customServices: AuthContext['services'] = { export default function App() { return ( - + {({ signOut, user }) => (

Hello {user.username}

diff --git a/examples/next/pages/ui/components/authenticator/sign-in-with-email-mfa/index.page.tsx b/examples/next/pages/ui/components/authenticator/sign-in-with-email-mfa/index.page.tsx index 4becc4d5a5..d12708498c 100644 --- a/examples/next/pages/ui/components/authenticator/sign-in-with-email-mfa/index.page.tsx +++ b/examples/next/pages/ui/components/authenticator/sign-in-with-email-mfa/index.page.tsx @@ -1,10 +1,10 @@ import { Amplify } from 'aws-amplify'; - +import { AuthContext } from '@aws-amplify/ui'; import { Authenticator } from '@aws-amplify/ui-react'; import '@aws-amplify/ui-react/styles.css'; import awsExports from './aws-exports'; -import { AuthContext } from '@aws-amplify/ui'; + Amplify.configure(awsExports); const customServices: AuthContext['services'] = { diff --git a/packages/e2e/cypress/integration/common/shared.ts b/packages/e2e/cypress/integration/common/shared.ts index ba384a9752..8120146a91 100644 --- a/packages/e2e/cypress/integration/common/shared.ts +++ b/packages/e2e/cypress/integration/common/shared.ts @@ -345,7 +345,10 @@ When('I click the {string} checkbox', (label: string) => { }); When('I click the {string} radio button', (label: string) => { - cy.get(`.amplify-radio__label`).contains(label).click(); + cy.findByLabelText(new RegExp(`^${escapeRegExp(label)}`, 'i')).click({ + // see above comment + force: true, + }); }); When('I reload the page', () => { diff --git a/packages/e2e/cypress/integration/common/sign-in.ts b/packages/e2e/cypress/integration/common/sign-in.ts index 64973984c8..5151787b01 100644 --- a/packages/e2e/cypress/integration/common/sign-in.ts +++ b/packages/e2e/cypress/integration/common/sign-in.ts @@ -37,7 +37,3 @@ When( When('I type my password', () => { cy.findInputField('Password').type(Cypress.env('VALID_PASSWORD')); }); - -When('I select the MFA type {string}', (mfaType: string) => { - cy.get(`.amplify-radio__label`).contains(mfaType).click(); -}); diff --git a/packages/e2e/features/ui/components/authenticator/sign-in-with-email-mfa-selection.feature b/packages/e2e/features/ui/components/authenticator/sign-in-with-email-mfa-selection.feature index 481cdf202a..4bbfb5cfeb 100644 --- a/packages/e2e/features/ui/components/authenticator/sign-in-with-email-mfa-selection.feature +++ b/packages/e2e/features/ui/components/authenticator/sign-in-with-email-mfa-selection.feature @@ -8,7 +8,7 @@ Feature: Sign In with Email MFA Selection When I type my "username" with status "CONFIRMED" Then I type my password Then I click the "Sign in" button - Then I click the "EMAIL" radio button + Then I click the "Email" radio button Then I click the "Confirm" button Then I see "Confirm Email Code" Then I type a valid confirmation code @@ -18,7 +18,7 @@ Feature: Sign In with Email MFA Selection @react Scenario: Sign In, Observe MFA Selection Screen, and Navigate Back to Sign In Page - When I type my "username" with status "CONFIRMED'" + When I type my "username" with status "CONFIRMED" Then I type my password Then I click the "Sign in" button Then I see "Multi-Factor Authentication" @@ -30,7 +30,7 @@ Feature: Sign In with Email MFA Selection When I type my "username" with status "CONFIRMED" Then I type my password Then I click the "Sign in" button - Then I click the "EMAIL" radio button + Then I click the "Email" radio button Then I click the "Confirm" button Then I see "Confirm Email Code" Then I click the "Back to Sign In" button @@ -41,7 +41,7 @@ Feature: Sign In with Email MFA Selection When I type my "username" with status "CONFIRMED" Then I type my password Then I click the "Sign in" button - Then I click the "EMAIL" radio button + Then I click the "Email" radio button Then I click the "Confirm" button Then I see "Confirm Email Code" Then I type an invalid confirmation code diff --git a/packages/e2e/features/ui/components/authenticator/sign-in-with-email-mfa-setup-selection.feature b/packages/e2e/features/ui/components/authenticator/sign-in-with-email-mfa-setup-selection.feature index 0751512acc..fd78dad070 100644 --- a/packages/e2e/features/ui/components/authenticator/sign-in-with-email-mfa-setup-selection.feature +++ b/packages/e2e/features/ui/components/authenticator/sign-in-with-email-mfa-setup-selection.feature @@ -4,13 +4,12 @@ Feature: Sign In with Email MFA Setup Selection Given I'm running the example "ui/components/authenticator/sign-in-with-email-mfa-setup-selection" @react - Scenario: Sign Up and Auto Sign In With Email MFA Setup Selection - When I type a new "username" + Scenario: Sign In With Email MFA Setup Selection + When I type my "username" with status "CONFIRMED" Then I type my password - Then I confirm my password - Then I click the "Create Account" button + Then I click the "Sign in" button Then I see "Multi-Factor Authentication Setup" - Then I click the "EMAIL" radio button + Then I click the "Email" radio button Then I click the "Confirm" button Then I see "Setup Email" Then I type my "email" with status "UNCONFIRMED" @@ -22,11 +21,10 @@ Feature: Sign In with Email MFA Setup Selection Then I see "Sign In" @react - Scenario: Sign Up, Auto Sign In, Observe MFA Setup Selection Screen, Navigate Back To Sign In Page, and Sign In - When I type a new "username" + Scenario: Sign In, Observe MFA Setup Selection Screen, Navigate Back To Sign In Page, and Sign In + When I type my "username" with status "CONFIRMED" Then I type my password - Then I confirm my password - Then I click the "Create Account" button + Then I click the "Sign in" button Then I see "Multi-Factor Authentication Setup" Then I click the "Back to Sign In" button Then I see "Sign In" @@ -34,7 +32,7 @@ Feature: Sign In with Email MFA Setup Selection Then I type my password Then I click the "Sign in" button Then I see "Multi-Factor Authentication Setup" - Then I click the "EMAIL" radio button + Then I click the "Email" radio button Then I click the "Confirm" button Then I see "Setup Email" Then I type my "email" with status "UNCONFIRMED" @@ -46,13 +44,12 @@ Feature: Sign In with Email MFA Setup Selection Then I see "Sign In" @react - Scenario: Sign Up, Auto Sign In, Select Email MFA Type For Setup, Observe Setup Email Screen, Navigate Back To Sign In Page, and Sign In - When I type a new "username" + Scenario: Sign In, Select Email MFA Type For Setup, Observe Setup Email Screen, Navigate Back To Sign In Page, and Sign In + When I type my "username" with status "CONFIRMED" Then I type my password - Then I confirm my password - Then I click the "Create Account" button + Then I click the "Sign in" button Then I see "Multi-Factor Authentication Setup" - Then I click the "EMAIL" radio button + Then I click the "Email" radio button Then I click the "Confirm" button Then I see "Setup Email" Then I click the "Back to Sign In" button @@ -61,7 +58,7 @@ Feature: Sign In with Email MFA Setup Selection Then I type my password Then I click the "Sign in" button Then I see "Multi-Factor Authentication Setup" - Then I click the "EMAIL" radio button + Then I click the "Email" radio button Then I click the "Confirm" button Then I see "Setup Email" Then I type my "email" with status "UNCONFIRMED" @@ -73,13 +70,12 @@ Feature: Sign In with Email MFA Setup Selection Then I see "Sign In" @react - Scenario: Sign Up, Auto Sign In, Select Email MFA Type For Setup, Setup Email, Observe Confirmation Code Screen, Navigate Back To Sign In Page, and Sign In - When I type a new "username" + Scenario: Sign In, Select Email MFA Type For Setup, Setup Email, Observe Confirmation Code Screen, Navigate Back To Sign In Page, and Sign In + When I type my "username" with status "CONFIRMED" Then I type my password - Then I confirm my password - Then I click the "Create Account" button + Then I click the "Sign in" button Then I see "Multi-Factor Authentication Setup" - Then I click the "EMAIL" radio button + Then I click the "Email" radio button Then I click the "Confirm" button Then I see "Setup Email" Then I type my "email" with status "CONFIRMED" @@ -91,7 +87,7 @@ Feature: Sign In with Email MFA Setup Selection Then I type my password Then I click the "Sign in" button Then I see "Multi-Factor Authentication Setup" - Then I click the "EMAIL" radio button + Then I click the "Email" radio button Then I click the "Confirm" button Then I see "Setup Email" Then I type my "email" with status "UNCONFIRMED" diff --git a/packages/react-core/src/Authenticator/hooks/constants.ts b/packages/react-core/src/Authenticator/hooks/constants.ts index bd8ffecc62..36c81f4676 100644 --- a/packages/react-core/src/Authenticator/hooks/constants.ts +++ b/packages/react-core/src/Authenticator/hooks/constants.ts @@ -10,12 +10,12 @@ export const COMPONENT_ROUTE_KEYS: AuthenticatorRouteComponentKey[] = [ 'confirmVerifyUser', 'forceNewPassword', 'forgotPassword', + 'selectMfaType', + 'setupEmail', 'setupTotp', 'signIn', 'signUp', 'verifyUser', - 'setupEmail', - 'selectMfaType', ]; export const COMPONENT_ROUTE_NAMES: AuthenticatorRouteComponentName[] = [ @@ -25,10 +25,10 @@ export const COMPONENT_ROUTE_NAMES: AuthenticatorRouteComponentName[] = [ 'ConfirmVerifyUser', 'ForceNewPassword', 'ForgotPassword', + 'SelectMfaType', + 'SetupEmail', 'SetupTotp', 'SignIn', 'SignUp', 'VerifyUser', - 'SetupEmail', - 'SelectMfaType', ]; diff --git a/packages/react-core/src/Authenticator/hooks/types.ts b/packages/react-core/src/Authenticator/hooks/types.ts index ac8d659eb9..8ec8adcc30 100644 --- a/packages/react-core/src/Authenticator/hooks/types.ts +++ b/packages/react-core/src/Authenticator/hooks/types.ts @@ -15,12 +15,12 @@ export type AuthenticatorRouteComponentKey = | 'confirmVerifyUser' | 'forceNewPassword' | 'forgotPassword' + | 'selectMfaType' + | 'setupEmail' | 'setupTotp' | 'signIn' | 'signUp' - | 'verifyUser' - | 'setupEmail' - | 'selectMfaType'; + | 'verifyUser'; export type AuthenticatorLegacyField = LegacyFormFieldOptions; export type AuthenticatorLegacyFields = AuthenticatorLegacyField[]; @@ -178,12 +178,12 @@ export interface DefaultProps { ConfirmVerifyUser: ConfirmVerifyUserProps; ForceNewPassword: ForceResetPasswordBaseProps; ForgotPassword: ResetPasswordBaseProps; + SelectMfaType: SelectMfaTypeBaseProps; + SetupEmail: SetupEmailBaseProps; SetupTotp: SetupTotpBaseProps; SignIn: SignInBaseProps; SignUp: SignUpBaseProps; VerifyUser: VerifyUserProps; - SetupEmail: SetupEmailBaseProps; - SelectMfaType: SelectMfaTypeBaseProps; } /** diff --git a/packages/react-core/src/Authenticator/hooks/useAuthenticator/types.ts b/packages/react-core/src/Authenticator/hooks/useAuthenticator/types.ts index 163666613d..65d6822713 100644 --- a/packages/react-core/src/Authenticator/hooks/useAuthenticator/types.ts +++ b/packages/react-core/src/Authenticator/hooks/useAuthenticator/types.ts @@ -19,10 +19,10 @@ export type AuthenticatorRouteComponentKey = | 'confirmSignUp' | 'confirmVerifyUser' | 'forgotPassword' - | 'setupTotp' - | 'verifyUser' + | 'selectMfa' | 'setupEmail' - | 'selectMfa'; + | 'setupTotp' + | 'verifyUser'; export type AuthenticatorLegacyFields = LegacyFormFieldOptions[]; diff --git a/packages/react-core/src/Authenticator/hooks/useAuthenticatorRoute/__tests__/utils.spec.ts b/packages/react-core/src/Authenticator/hooks/useAuthenticatorRoute/__tests__/utils.spec.ts index 3933ec220e..5ecbc43f73 100644 --- a/packages/react-core/src/Authenticator/hooks/useAuthenticatorRoute/__tests__/utils.spec.ts +++ b/packages/react-core/src/Authenticator/hooks/useAuthenticatorRoute/__tests__/utils.spec.ts @@ -23,12 +23,12 @@ import { resolveConfirmVerifyUserRoute, resolveForceNewPasswordRoute, resolveForgotPasswordRoute, + resolveSelectMfaTypeRoute, + resolveSetupEmailRoute, resolveSetupTotpRoute, resolveSignInRoute, resolveSignUpRoute, resolveVerifyUserRoute, - resolveSetupEmailRoute, - resolveSelectMfaTypeRoute, } from '../utils'; type PropsResolver = ( @@ -165,6 +165,12 @@ describe('props resolver functions', () => { resolveForgotPasswordRoute, { error, isPending, toSignIn }, ], + [ + 'SelectMfaType', + resolveSelectMfaTypeRoute, + { error, isPending, challengeName, toSignIn }, + ], + ['SetupEmail', resolveSetupEmailRoute, { error, isPending, toSignIn }], [ 'SetupTotp', resolveSetupTotpRoute, @@ -201,12 +207,6 @@ describe('props resolver functions', () => { resolveVerifyUserRoute, { error, isPending, skipVerification }, ], - ['SetupEmail', resolveSetupEmailRoute, { error, isPending, toSignIn }], - [ - 'SelectMfaType', - resolveSelectMfaTypeRoute, - { error, isPending, challengeName, toSignIn }, - ], ])( 'resolve%s returns the expected values', (key, resolver, routeSpecificProps) => { diff --git a/packages/react-core/src/Authenticator/hooks/useAuthenticatorRoute/constants.ts b/packages/react-core/src/Authenticator/hooks/useAuthenticatorRoute/constants.ts index 6f1282fa8a..6032d9d474 100644 --- a/packages/react-core/src/Authenticator/hooks/useAuthenticatorRoute/constants.ts +++ b/packages/react-core/src/Authenticator/hooks/useAuthenticatorRoute/constants.ts @@ -14,10 +14,10 @@ import { ResetPasswordMachineKey, SignInMachineKey, SignUpMachineKey, + SelectMfaMachineKey, + SetupEmailMachineKey, SetupTotpMachineKey, VerifyUserMachineKey, - SetupEmailMachineKey, - SelectMfaMachineKey, } from './types'; export const EVENT_HANDLER_KEY_MAP: Record< @@ -117,8 +117,8 @@ export const MACHINE_PROP_KEYS: Record< signIn: SIGN_IN_MACHINE_KEYS, signUp: SIGN_UP_MACHINE_KEYS, forgotPassword: RESET_PASSWORD_MACHINE_KEYS, - setupTotp: SETUP_TOTP_MACHINE_KEYS, - setupEmail: SETUP_EMAIL_MACHINE_KEY, selectMfaType: SELECT_MFA_MACHINE_KEYS, + setupEmail: SETUP_EMAIL_MACHINE_KEY, + setupTotp: SETUP_TOTP_MACHINE_KEYS, verifyUser: VERIFY_USER_MACHINE_KEYS, }; diff --git a/packages/react-core/src/Authenticator/hooks/useAuthenticatorRoute/useAuthenticatorRoute.ts b/packages/react-core/src/Authenticator/hooks/useAuthenticatorRoute/useAuthenticatorRoute.ts index 399248bf6d..e96e1bad0b 100644 --- a/packages/react-core/src/Authenticator/hooks/useAuthenticatorRoute/useAuthenticatorRoute.ts +++ b/packages/react-core/src/Authenticator/hooks/useAuthenticatorRoute/useAuthenticatorRoute.ts @@ -16,12 +16,12 @@ import { resolveDefault, resolveForceNewPasswordRoute, resolveForgotPasswordRoute, + resolveSelectMfaTypeRoute, + resolveSetupEmailRoute, resolveSetupTotpRoute, resolveSignInRoute, resolveSignUpRoute, resolveVerifyUserRoute, - resolveSetupEmailRoute, - resolveSelectMfaTypeRoute, } from './utils'; export default function useAuthenticatorRoute( @@ -84,12 +84,12 @@ export default function useAuthenticatorRoute({ ConfirmVerifyUser, ForceNewPassword, ForgotPassword, + SelectMfaType, + SetupEmail, SetupTotp, SignIn, SignUp, VerifyUser, - SetupEmail, - SelectMfaType, } = components; switch (route) { @@ -117,15 +117,15 @@ export default function useAuthenticatorRoute({ case 'forgotPassword': { return resolveForgotPasswordRoute(ForgotPassword, routeSelectorProps); } - case 'setupTotp': { - return resolveSetupTotpRoute(SetupTotp, routeSelectorProps); - } case 'selectMfaType': { return resolveSelectMfaTypeRoute(SelectMfaType, routeSelectorProps); } case 'setupEmail': { return resolveSetupEmailRoute(SetupEmail, routeSelectorProps); } + case 'setupTotp': { + return resolveSetupTotpRoute(SetupTotp, routeSelectorProps); + } case 'signIn': { return resolveSignInRoute(SignIn, routeSelectorProps); } diff --git a/packages/react/src/components/Authenticator/Router/Router.tsx b/packages/react/src/components/Authenticator/Router/Router.tsx index 0855a955e1..feb0cffc1b 100644 --- a/packages/react/src/components/Authenticator/Router/Router.tsx +++ b/packages/react/src/components/Authenticator/Router/Router.tsx @@ -33,6 +33,10 @@ const getRouteComponent = (route: string): RouteComponent => { return ConfirmSignUp; case 'confirmSignIn': return ConfirmSignIn; + case 'selectMfaType': + return SelectMfaType; + case 'setupEmail': + return SetupEmail; case 'setupTotp': return SetupTotp; case 'signIn': @@ -48,10 +52,7 @@ const getRouteComponent = (route: string): RouteComponent => { return VerifyUser; case 'confirmVerifyUser': return ConfirmVerifyUser; - case 'selectMfaType': - return SelectMfaType; - case 'setupEmail': - return SetupEmail; + default: // eslint-disable-next-line no-console console.warn( diff --git a/packages/react/src/components/Authenticator/SelectMfaType/SelectMfaType.tsx b/packages/react/src/components/Authenticator/SelectMfaType/SelectMfaType.tsx index ab9bce26f1..7637b4e82d 100644 --- a/packages/react/src/components/Authenticator/SelectMfaType/SelectMfaType.tsx +++ b/packages/react/src/components/Authenticator/SelectMfaType/SelectMfaType.tsx @@ -7,18 +7,22 @@ import { useCustomComponents } from '../hooks/useCustomComponents'; import { useFormHandlers } from '../hooks/useFormHandlers'; import { ConfirmSignInFooter } from '../shared/ConfirmSignInFooter'; import { RemoteErrorMessage } from '../shared/RemoteErrorMessage'; -import { FormFields } from '../shared/FormFields'; import { RouteContainer, RouteProps } from '../RouteContainer'; import { authenticatorTextUtil } from '@aws-amplify/ui'; +import { RadioGroupField, Radio } from '../../../primitives'; -const { getSelectMfaTypeByChallengeName } = authenticatorTextUtil; +const { + getMfaTypeLabelByValue, + getSelectMfaTypeByChallengeName, + getSelectMfaTypeText, +} = authenticatorTextUtil; export const SelectMfaType = ({ className, variation, }: RouteProps): JSX.Element => { - const { isPending } = useAuthenticator((context) => { - return [context.isPending]; + const { isPending, allowedMfaTypes = [] } = useAuthenticator((context) => { + return [context.isPending, context.allowedMfaTypes]; }); const { handleChange, handleSubmit } = useFormHandlers(); @@ -46,7 +50,20 @@ export const SelectMfaType = ({
- + + {allowedMfaTypes.map((value) => ( + + {getMfaTypeLabelByValue(value)} + + ))} + + diff --git a/packages/react/src/components/Authenticator/SelectMfaType/__tests__/SelectMfaType.test.tsx b/packages/react/src/components/Authenticator/SelectMfaType/__tests__/SelectMfaType.test.tsx index 394e31eaef..8225fff8db 100644 --- a/packages/react/src/components/Authenticator/SelectMfaType/__tests__/SelectMfaType.test.tsx +++ b/packages/react/src/components/Authenticator/SelectMfaType/__tests__/SelectMfaType.test.tsx @@ -17,7 +17,7 @@ jest.mock('../../hooks/useCustomComponents', () => ({ }), })); -const fieldLabel = 'Select MFA Type'; +const fieldLabel = 'Email Message'; const fieldInput = { name: 'mfa_type', value: 'EMAIL' }; const mockUpdateForm = jest.fn(); @@ -36,24 +36,6 @@ const mockUseAuthenticatorOutput: Partial = { updateForm: mockUpdateForm, allowedMfaTypes: ['EMAIL', 'TOTP'], validationErrors: {} as AuthenticatorServiceFacade['validationErrors'], - fields: [ - { - name: 'mfa_type', - label: fieldLabel, - required: true, - type: 'radio', - radioOptions: [ - { - label: 'EMAIL', - value: 'EMAIL', - }, - { - label: 'TOTP', - value: 'TOTP', - }, - ], - }, - ], }; mockUseAuthenticator.mockReturnValue(mockUseAuthenticatorOutput as any); @@ -69,18 +51,14 @@ describe('SelectMfaType', () => { }); it('renders as expected ', () => { - const mathRandomSpy = jest.spyOn(Math, 'random').mockReturnValue(0.1); - const { container } = render(); expect(container).toMatchSnapshot(); - - mathRandomSpy.mockRestore(); }); it('sends change event on form input', async () => { render(); - const radioButton = await screen.findByText(fieldInput.value); + const radioButton = await screen.findByText(fieldLabel); fireEvent.click(radioButton); @@ -90,7 +68,7 @@ describe('SelectMfaType', () => { it('sends submit event on form submit', async () => { render(); - const radioButton = await screen.findByText(fieldInput.value); + const radioButton = await screen.findByText(fieldLabel); fireEvent.click(radioButton); diff --git a/packages/react/src/components/Authenticator/SelectMfaType/__tests__/__snapshots__/SelectMfaType.test.tsx.snap b/packages/react/src/components/Authenticator/SelectMfaType/__tests__/__snapshots__/SelectMfaType.test.tsx.snap index be1983c0e8..7143601056 100644 --- a/packages/react/src/components/Authenticator/SelectMfaType/__tests__/__snapshots__/SelectMfaType.test.tsx.snap +++ b/packages/react/src/components/Authenticator/SelectMfaType/__tests__/__snapshots__/SelectMfaType.test.tsx.snap @@ -28,8 +28,6 @@ exports[`SelectMfaType renders as expected 1`] = ` >