Fix for stable result when triggered repeatedly

Chnagelog: changed

app/assets/javascripts/search/sidebar/components/archived_filter/index.vue

@@ -20,9 +20,9 @@ export default {
         return [parseBoolean(this.urlQuery?.include_archived)];
       },
       set(value) {
-        const newValue = value?.pop() ?? false;
-        this.setQuery({ key: archivedFilterData.filterParam, value: newValue?.toString() });
-        this.trackSelectCheckbox(newValue);
+        const includeArchived = [...value].pop() ?? false;
+        this.setQuery({ key: archivedFilterData.filterParam, value: includeArchived?.toString() });
+        this.trackSelectCheckbox(includeArchived);
       },
     },
   },

spec/frontend/search/sidebar/components/archived_filter_spec.js

@@ -12,9 +12,14 @@ Vue.use(Vuex);
 describe('ArchivedFilter', () => {
   let wrapper;
 
+  const defaultActions = {
+    setQuery: jest.fn(),
+  };
+
   const createComponent = (state) => {
     const store = new Vuex.Store({
       state,
+      actions: defaultActions,
     });
 
     wrapper = shallowMount(ArchivedFilter, {
@@ -70,4 +75,20 @@ describe('ArchivedFilter', () => {
       expect(findCheckboxFilter().attributes('checked')).toBe(checkboxState);
     });
   });
+
+  describe('selectedFilter logic', () => {
+    beforeEach(() => {
+      createComponent();
+    });
+
+    it('correctly executes setQuery without mutating the input', () => {
+      const selectedFilter = [false];
+      findCheckboxFilter().vm.$emit('input', selectedFilter);
+      expect(defaultActions.setQuery).toHaveBeenCalledWith(expect.any(Object), {
+        key: 'include_archived',
+        value: 'false',
+      });
+      expect(selectedFilter).toEqual([false]);
+    });
+  });
 });