Fix flaky frontend test

ee/spec/frontend/invite_members/components/invite_modal_base_spec.js

@@ -149,7 +149,7 @@ describe('EEInviteModalBase', () => {
       });
 
       it('emits submit', () => {
-        expect(wrapper.emitted('submit')).toEqual([[{ accessLevel: 10, expiresAt: undefined }]]);
+        expect(wrapper.emitted('submit')).toEqual([[{ accessLevel: 20, expiresAt: undefined }]]);
       });
     });
   });
@@ -267,7 +267,7 @@ describe('EEInviteModalBase', () => {
 
     it('emits submit event', () => {
       expect(wrapper.emitted('submit')).toHaveLength(1);
-      expect(wrapper.emitted('submit')).toEqual([[{ accessLevel: 10, expiresAt: undefined }]]);
+      expect(wrapper.emitted('submit')).toEqual([[{ accessLevel: 20, expiresAt: undefined }]]);
     });
 
     it('shows the initial modal', () => {

spec/frontend/invite_members/components/invite_modal_base_spec.js

@@ -113,9 +113,8 @@ describe('InviteModalBase', () => {
 
       it('sets the default dropdown text to the default access level name', () => {
         expect(findListbox().exists()).toBe(true);
-        const option = findListbox().findByTestId('listbox-item-10');
-        expect(option.text()).toBe('Guest');
-        expect(option.attributes('aria-selected')).toBe('true');
+        const option = findListbox().find('[aria-selected]');
+        expect(option.text()).toBe('Reporter');
       });
 
       it('renders dropdown items for each accessLevel', () => {

spec/frontend/invite_members/mock_data/modal_base.js

@@ -3,7 +3,7 @@ export const propsData = {
   modalId: '_modal_id_',
   name: '_name_',
   accessLevels: { Guest: 10, Reporter: 20, Developer: 30, Maintainer: 40, Owner: 50 },
-  defaultAccessLevel: 10,
+  defaultAccessLevel: 20,
   helpLink: 'https://example.com',
   labelIntroText: '_label_intro_text_',
   labelSearchField: '_label_search_field_',