Add LDAP badge to user avatar

Part of a larger initiative to convert the group members view from
HAML to Vue

ee/app/assets/javascripts/vue_shared/components/members/utils.js

@@ -18,4 +18,9 @@ export const generateBadges = (member, isCurrentUser) => [
     text: __('Managed Account'),
     variant: 'info',
   },
+  {
+    show: member.canOverride,
+    text: __('LDAP'),
+    variant: 'info',
+  },
 ];

ee/spec/frontend/vue_shared/components/members/avatars/user_avatar_spec.js

@@ -25,6 +25,7 @@ describe('UserAvatar', () => {
       ${{ ...memberMock, usingLicense: true }}        | ${'Is using seat'}
       ${{ ...memberMock, groupSso: true }}            | ${'SAML'}
       ${{ ...memberMock, groupManagedAccount: true }} | ${'Managed Account'}
+      ${{ ...memberMock, canOverride: true }}         | ${'LDAP'}
     `('renders the "$badgeText" badge', ({ member, badgeText }) => {
       createComponent({ member });
 

ee/spec/frontend/vue_shared/components/members/utils_spec.js

@@ -22,6 +22,7 @@ describe('Members Utils', () => {
       ${{ ...memberMock, usingLicense: true }}        | ${{ show: true, text: 'Is using seat', variant: 'neutral' }}
       ${{ ...memberMock, groupSso: true }}            | ${{ show: true, text: 'SAML', variant: 'info' }}
       ${{ ...memberMock, groupManagedAccount: true }} | ${{ show: true, text: 'Managed Account', variant: 'info' }}
+      ${{ ...memberMock, canOverride: true }}         | ${{ show: true, text: 'LDAP', variant: 'info' }}
     `('returns expected output for "$expected.text" badge', ({ member, expected }) => {
       expect(generateBadges(member, true)).toContainEqual(expect.objectContaining(expected));
     });