2 files changed, 6 insertions, 3 deletions
diff --git a/spec/frontend/profile/edit/components/profile_edit_app_spec.js b/spec/frontend/profile/edit/components/profile_edit_app_spec.js
index 31a368aefa9..39bf597352b 100644
--- a/spec/frontend/profile/edit/components/profile_edit_app_spec.js
+++ b/spec/frontend/profile/edit/components/profile_edit_app_spec.js
@@ -3,7 +3,6 @@ import MockAdapter from 'axios-mock-adapter';
 import { shallowMountExtended } from 'helpers/vue_test_utils_helper';
 import waitForPromises from 'helpers/wait_for_promises';
 
-import { readFileAsDataURL } from '~/lib/utils/file_utility';
 import axios from '~/lib/utils/axios_utils';
 import ProfileEditApp from '~/profile/edit/components/profile_edit_app.vue';
 import UserAvatar from '~/profile/edit/components/user_avatar.vue';
@@ -103,6 +102,8 @@ describe('Profile Edit App', () => {
     });
 
     it('syncs header avatars', async () => {
+      jest.spyOn(document, 'dispatchEvent');
+      jest.spyOn(URL, 'createObjectURL');
       mockAxios.onPut(stubbedProfilePath).reply(200, {
         message: successMessage,
       });
@@ -112,7 +113,8 @@ describe('Profile Edit App', () => {
 
       await waitForPromises();
 
-      expect(readFileAsDataURL).toHaveBeenCalledWith(mockAvatarFile);
+      expect(URL.createObjectURL).toHaveBeenCalledWith(mockAvatarFile);
+      expect(document.dispatchEvent).toHaveBeenCalledWith(new CustomEvent('userAvatar:update'));
     });
 
     it('contains changes from the status form', async () => {
diff --git a/spec/frontend/profile/edit/components/user_avatar_spec.js b/spec/frontend/profile/edit/components/user_avatar_spec.js
index caa3356b49f..7c4f74d6bfb 100644
--- a/spec/frontend/profile/edit/components/user_avatar_spec.js
+++ b/spec/frontend/profile/edit/components/user_avatar_spec.js
@@ -46,6 +46,7 @@ describe('Edit User Avatar', () => {
         ...defaultProvides,
         ...provides,
       },
+      attachTo: document.body,
     });
   };
 
@@ -65,7 +66,7 @@ describe('Edit User Avatar', () => {
         modalCrop: '.modal-profile-crop',
         pickImageEl: '.js-choose-user-avatar-button',
         uploadImageBtn: '.js-upload-user-avatar',
-        modalCropImg: '.modal-profile-crop-image',
+        modalCropImg: expect.any(HTMLImageElement),
         onBlobChange: expect.any(Function),
       });
       expect(glCropDataMock).toHaveBeenCalledWith('glcrop');