Merge branch '204850-refactor-container-registry-unit-tests-to-not-use-setdata' into 'master'

Refactor container registry tests to avoid setData

Closes #204850

See merge request gitlab-org/gitlab!34286

spec/frontend/registry/explorer/components/details_page/tags_table_spec.js

@@ -88,21 +88,20 @@ describe('tags_table', () => {
       mountComponent();
     });
 
-    it('if selected adds item to selectedItems', () => {
+    it('selecting and deselecting the checkbox works as intended', () => {
       findFirstRowItem('rowCheckbox').vm.$emit('change');
-      return wrapper.vm.$nextTick().then(() => {
-        expect(wrapper.vm.selectedItems).toEqual([tags[0].name]);
-        expect(findFirstRowItem('rowCheckbox').attributes('checked')).toBeTruthy();
-      });
-    });
-
-    it('if deselect remove name from selectedItems', () => {
-      wrapper.setData({ selectedItems: [tags[0].name] });
-      findFirstRowItem('rowCheckbox').vm.$emit('change');
-      return wrapper.vm.$nextTick().then(() => {
-        expect(wrapper.vm.selectedItems.length).toBe(0);
-        expect(findFirstRowItem('rowCheckbox').attributes('checked')).toBe(undefined);
-      });
+      return wrapper.vm
+        .$nextTick()
+        .then(() => {
+          expect(wrapper.vm.selectedItems).toEqual([tags[0].name]);
+          expect(findFirstRowItem('rowCheckbox').attributes('checked')).toBeTruthy();
+          findFirstRowItem('rowCheckbox').vm.$emit('change');
+          return wrapper.vm.$nextTick();
+        })
+        .then(() => {
+          expect(wrapper.vm.selectedItems.length).toBe(0);
+          expect(findFirstRowItem('rowCheckbox').attributes('checked')).toBe(undefined);
+        });
     });
   });
 

spec/frontend/registry/explorer/components/list_page/image_list_spec.js

@@ -55,7 +55,7 @@ describe('Image List', () => {
     });
 
     it('emits a pageChange event when the page change', () => {
-      wrapper.setData({ currentPage: 2 });
+      findPagination().vm.$emit(GlPagination.model.event, 2);
       expect(wrapper.emitted('pageChange')).toEqual([[2]]);
     });
   });

spec/frontend/registry/explorer/pages/details_spec.js

@@ -174,7 +174,7 @@ describe('Details Page', () => {
 
     it('fetch the data from the API when the v-model changes', () => {
       dispatchSpy.mockResolvedValue();
-      wrapper.setData({ currentPage: 2 });
+      findPagination().vm.$emit(GlPagination.model.event, 2);
       expect(store.dispatch).toHaveBeenCalledWith('requestTagsList', {
         params: wrapper.vm.$route.params.id,
         pagination: { page: 2 },

spec/frontend/registry/explorer/pages/list_spec.js

@@ -302,7 +302,7 @@ describe('List Page', () => {
     });
 
     it('contains a description with the path of the item to delete', () => {
-      wrapper.setData({ itemToDelete: { path: 'foo' } });
+      findImageList().vm.$emit('delete', { path: 'foo' });
       return wrapper.vm.$nextTick().then(() => {
         expect(findDeleteModal().html()).toContain('foo');
       });