Merge branch 'cngo-delete-gl_toggle_vuex' into 'master'

Delete `gl_toggle_vuex.vue` component

See merge request gitlab-org/gitlab!57221

app/assets/javascripts/vue_shared/components/gl_toggle_vuex.vue

-<script>
-import { GlToggle } from '@gitlab/ui';
-import { capitalizeFirstCharacter } from '~/lib/utils/text_utility';
-
-export default {
-  name: 'GlToggleVuex',
-  components: {
-    GlToggle,
-  },
-  props: {
-    stateProperty: {
-      type: String,
-      required: true,
-    },
-    storeModule: {
-      type: String,
-      required: false,
-      default: null,
-    },
-    setAction: {
-      type: String,
-      required: false,
-      default() {
-        return `set${capitalizeFirstCharacter(this.stateProperty)}`;
-      },
-    },
-  },
-  computed: {
-    value: {
-      get() {
-        const { state } = this.$store;
-        const { stateProperty, storeModule } = this;
-        return storeModule ? state[storeModule][stateProperty] : state[stateProperty];
-      },
-      set(value) {
-        const { stateProperty, storeModule, setAction } = this;
-        const action = storeModule ? `${storeModule}/${setAction}` : setAction;
-        this.$store.dispatch(action, { key: stateProperty, value });
-      },
-    },
-  },
-};
-</script>
-
-<template>
-  <gl-toggle v-model="value">
-    <slot v-bind="{ value }"></slot>
-  </gl-toggle>
-</template>

spec/frontend/vue_shared/components/gl_toggle_vuex_spec.js

-import { GlToggle } from '@gitlab/ui';
-import { mount, createLocalVue } from '@vue/test-utils';
-import Vuex from 'vuex';
-import GlToggleVuex from '~/vue_shared/components/gl_toggle_vuex.vue';
-
-const localVue = createLocalVue();
-localVue.use(Vuex);
-
-describe('GlToggleVuex component', () => {
-  let wrapper;
-  let store;
-
-  const findButton = () => wrapper.find('button');
-
-  const createWrapper = (props = {}) => {
-    wrapper = mount(GlToggleVuex, {
-      localVue,
-      store,
-      propsData: {
-        stateProperty: 'toggleState',
-        ...props,
-      },
-    });
-  };
-
-  beforeEach(() => {
-    store = new Vuex.Store({
-      state: {
-        toggleState: false,
-      },
-      actions: {
-        setToggleState: ({ commit }, { key, value }) => commit('setToggleState', { key, value }),
-      },
-      mutations: {
-        setToggleState: (state, { key, value }) => {
-          state[key] = value;
-        },
-      },
-    });
-    createWrapper();
-  });
-
-  afterEach(() => {
-    wrapper.destroy();
-  });
-
-  it('renders gl-toggle', () => {
-    expect(wrapper.find(GlToggle).exists()).toBe(true);
-  });
-
-  it('properly computes default value for setAction', () => {
-    expect(wrapper.props('setAction')).toBe('setToggleState');
-  });
-
-  describe('without a store module', () => {
-    it('calls action with new value when value changes', () => {
-      jest.spyOn(store, 'dispatch');
-
-      findButton().trigger('click');
-      expect(store.dispatch).toHaveBeenCalledWith('setToggleState', {
-        key: 'toggleState',
-        value: true,
-      });
-    });
-
-    it('updates store property when value changes', () => {
-      findButton().trigger('click');
-      expect(store.state.toggleState).toBe(true);
-    });
-  });
-
-  describe('with a store module', () => {
-    beforeEach(() => {
-      store = new Vuex.Store({
-        modules: {
-          someModule: {
-            namespaced: true,
-            state: {
-              toggleState: false,
-            },
-            actions: {
-              setToggleState: ({ commit }, { key, value }) =>
-                commit('setToggleState', { key, value }),
-            },
-            mutations: {
-              setToggleState: (state, { key, value }) => {
-                state[key] = value;
-              },
-            },
-          },
-        },
-      });
-
-      createWrapper({
-        storeModule: 'someModule',
-      });
-    });
-
-    it('calls action with new value when value changes', () => {
-      jest.spyOn(store, 'dispatch');
-
-      findButton().trigger('click');
-      expect(store.dispatch).toHaveBeenCalledWith('someModule/setToggleState', {
-        key: 'toggleState',
-        value: true,
-      });
-    });
-
-    it('updates store property when value changes', () => {
-      findButton().trigger('click');
-      expect(store.state.someModule.toggleState).toBe(true);
-    });
-  });
-});