register-user-profile.ftl tested working

src/lib/components/RegisterUserProfile.tsx

@@ -68,6 +68,7 @@ export const RegisterUserProfile = memo(({ kcContext, ...props }: { kcContext: K
                                                     id="password-confirm"
                                                     className={cx(props.kcInputClass)}
                                                     name="password-confirm"
+                                                    autoComplete="new-password"
                                                     aria-invalid={messagesPerField.existsError("password-confirm")}
                                                 />
                                                 {messagesPerField.existsError("password-confirm") && (
@@ -141,18 +142,11 @@ const UserProfileFormFields = memo(
 
         return (
             <>
-                {kcContext.profile.attributes.map((attribute, i) => {
+                {kcContext.profile.attributes
-                    const { group = "", groupDisplayHeader = "", groupDisplayDescription = "" } = attribute;
+                    .map(attribute => [attribute, attribute])
-
+                    .map(([attribute, { group = "", groupDisplayHeader = "", groupDisplayDescription = "" }], i) => (
-                    console.log(JSON.stringify(attribute, null, 2));
-
-                    //if (group === currentGroup) return null;
-
-                    currentGroup = group;
-
-                    return (
                         <Fragment key={i}>
-                            {group !== "" && (
+                            {group !== currentGroup && (currentGroup = group) !== "" && (
                                 <div className={cx(props.kcFormGroupClass)}>
                                     <div className={cx(props.kcContentWrapperClass)}>
                                         <label id={`header-${group}`} className={cx(props.kcFormGroupHeader)}>
@@ -200,8 +194,7 @@ const UserProfileFormFields = memo(
                             </div>
                             <AfterField attribute={attribute} />
                         </Fragment>
-                    );
+                    ))}
-                })}
             </>
         );
     },

src/lib/getKcContext/kcContextMocks/kcContextMocks.ts

@@ -21,7 +21,7 @@ export const kcContextCommonMock: KcContextBase.Common = {
         "displayName": "myrealm",
         "displayNameHtml": "myrealm",
         "internationalizationEnabled": true,
-        "registrationEmailAsUsername": true,
+        "registrationEmailAsUsername": false,
     },
     "messagesPerField": {
         "printIfExists": (...[, x]) => x,
@@ -185,7 +185,6 @@ export const kcContextMocks: KcContextBase[] = [
             id<KcContextBase.RegisterUserProfile>({
                 "pageId": "register-user-profile.ftl",
                 ...registerCommon,
-
                 "profile": {
                     "context": "REGISTRATION_PROFILE" as const,
                     ...(() => {