Merge branch...

Merge branch '391107-fix-spec-violations-in-spec-frontend-vue_shared-components-file_row_spec-js' into 'master'

Fix spec violations in file_row_spec.js

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/112292



Merged-by: Vitaly Slobodin <vslobodin@gitlab.com>
Approved-by: Vitaly Slobodin <vslobodin@gitlab.com>
Co-authored-by: Martin Wortschack <mwortschack@gitlab.com>

spec/frontend/vue_shared/components/file_row_spec.js

@@ -6,6 +6,9 @@ import FileIcon from '~/vue_shared/components/file_icon.vue';
 import FileRow from '~/vue_shared/components/file_row.vue';
 import FileHeader from '~/vue_shared/components/file_row_header.vue';
 
+const scrollIntoViewMock = jest.fn();
+HTMLElement.prototype.scrollIntoView = scrollIntoViewMock;
+
 describe('File row component', () => {
   let wrapper;
 
@@ -72,11 +75,10 @@ describe('File row component', () => {
       },
       level: 0,
     });
-    jest.spyOn(wrapper.vm, '$emit');
 
     wrapper.element.click();
 
-    expect(wrapper.vm.$emit).toHaveBeenCalledWith('toggleTreeOpen', fileName);
+    expect(wrapper.emitted('toggleTreeOpen')[0][0]).toEqual(fileName);
   });
 
   it('calls scrollIntoView if made active', () => {
@@ -89,14 +91,12 @@ describe('File row component', () => {
       level: 0,
     });
 
-    jest.spyOn(wrapper.vm, 'scrollIntoView');
-
     wrapper.setProps({
       file: { ...wrapper.props('file'), active: true },
     });
 
     return nextTick().then(() => {
-      expect(wrapper.vm.scrollIntoView).toHaveBeenCalled();
+      expect(scrollIntoViewMock).toHaveBeenCalled();
     });
   });