Merge branch '208470_05-rename-vue-components' into 'master'

Geo Replication - Rename Files and Cleanup

See merge request gitlab-org/gitlab!27541

ee/app/assets/javascripts/geo_designs/components/app.vue → ee/app/assets/javascripts/geo_replicable/components/app.vue

 <script>
 import { mapActions, mapState } from 'vuex';
 import { GlLoadingIcon } from '@gitlab/ui';
-import GeoDesignsFilterBar from './geo_designs_filter_bar.vue';
-import GeoDesigns from './geo_designs.vue';
-import GeoDesignsEmptyState from './geo_designs_empty_state.vue';
+import GeoReplicableFilterBar from './geo_replicable_filter_bar.vue';
+import GeoReplicable from './geo_replicable.vue';
+import GeoReplicableEmptyState from './geo_replicable_empty_state.vue';
 
 export default {
-  name: 'GeoDesignsApp',
+  name: 'GeoReplicableApp',
   components: {
     GlLoadingIcon,
-    GeoDesignsFilterBar,
-    GeoDesigns,
-    GeoDesignsEmptyState,
+    GeoReplicableFilterBar,
+    GeoReplicable,
+    GeoReplicableEmptyState,
   },
   props: {
     geoSvgPath: {
@@ -43,12 +43,12 @@ export default {
 </script>
 
 <template>
-  <article class="geo-designs-container">
-    <geo-designs-filter-bar />
+  <article class="geo-replicable-container">
+    <geo-replicable-filter-bar />
     <gl-loading-icon v-if="isLoading" size="xl" />
     <template v-else>
-      <geo-designs v-if="hasReplicableItems" />
-      <geo-designs-empty-state
+      <geo-replicable v-if="hasReplicableItems" />
+      <geo-replicable-empty-state
         v-else
         :issues-svg-path="issuesSvgPath"
         :geo-troubleshooting-link="geoTroubleshootingLink"

ee/app/assets/javascripts/geo_designs/components/geo_designs.vue → ee/app/assets/javascripts/geo_replicable/components/geo_replicable.vue

 <script>
 import { mapState, mapActions } from 'vuex';
 import { GlPagination } from '@gitlab/ui';
-import GeoDesign from './geo_design.vue';
+import GeoReplicableItem from './geo_replicable_item.vue';
 
 export default {
-  name: 'GeoDesigns',
+  name: 'GeoReplicable',
   components: {
     GlPagination,
-    GeoDesign,
+    GeoReplicableItem,
   },
   computed: {
     ...mapState(['replicableItems', 'currentPage', 'pageSize', 'totalReplicableItems']),
@@ -32,7 +32,7 @@ export default {
 
 <template>
   <section>
-    <geo-design
+    <geo-replicable-item
       v-for="item in replicableItems"
       :key="item.id"
       :name="item.name"

ee/app/assets/javascripts/geo_designs/components/geo_designs_empty_state.vue → ee/app/assets/javascripts/geo_replicable/components/geo_replicable_empty_state.vue

@@ -4,7 +4,7 @@ import { GlEmptyState } from '@gitlab/ui';
 import { s__, sprintf } from '~/locale';
 
 export default {
-  name: 'GeoEmptyState',
+  name: 'GeoReplicableEmptyState',
   components: {
     GlEmptyState,
   },

ee/app/assets/javascripts/geo_designs/components/geo_designs_filter_bar.vue → ee/app/assets/javascripts/geo_replicable/components/geo_replicable_filter_bar.vue

@@ -7,7 +7,7 @@ import Icon from '~/vue_shared/components/icon.vue';
 import { DEFAULT_SEARCH_DELAY, ACTION_TYPES } from '../store/constants';
 
 export default {
-  name: 'GeoDesignsFilterBar',
+  name: 'GeoReplicableFilterBar',
   components: {
     GlTabs,
     GlTab,

ee/app/assets/javascripts/geo_designs/components/geo_design.vue → ee/app/assets/javascripts/geo_replicable/components/geo_replicable_item.vue

@@ -3,16 +3,16 @@ import { mapActions } from 'vuex';
 import { GlLink, GlDeprecatedButton } from '@gitlab/ui';
 import { __ } from '~/locale';
 import { ACTION_TYPES } from '../store/constants';
-import GeoDesignStatus from './geo_design_status.vue';
-import GeoDesignTimeAgo from './geo_design_time_ago.vue';
+import GeoReplicableStatus from './geo_replicable_status.vue';
+import GeoReplicableTimeAgo from './geo_replicable_time_ago.vue';
 
 export default {
-  name: 'GeoDesign',
+  name: 'GeoReplicableItem',
   components: {
     GlLink,
     GlDeprecatedButton,
-    GeoDesignTimeAgo,
-    GeoDesignStatus,
+    GeoReplicableTimeAgo,
+    GeoReplicableStatus,
   },
   props: {
     name: {
@@ -87,9 +87,9 @@ export default {
       <div class="d-flex flex-column flex-md-row">
         <div class="flex-grow-1">
           <label class="text-muted">{{ __('Status') }}</label>
-          <geo-design-status :status="syncStatus" />
+          <geo-replicable-status :status="syncStatus" />
         </div>
-        <geo-design-time-ago
+        <geo-replicable-time-ago
           v-for="(timeAgo, index) in timeAgoArray"
           :key="index"
           class="flex-grow-1"

ee/app/assets/javascripts/geo_designs/components/geo_design_status.vue → ee/app/assets/javascripts/geo_replicable/components/geo_replicable_status.vue

@@ -3,7 +3,7 @@ import { STATUS_ICON_NAMES, STATUS_ICON_CLASS, DEFAULT_STATUS } from '../store/c
 import Icon from '~/vue_shared/components/icon.vue';
 
 export default {
-  name: 'GeoDesignStatus',
+  name: 'GeoReplicableStatus',
   components: {
     Icon,
   },

ee/app/assets/javascripts/geo_designs/components/geo_design_time_ago.vue → ee/app/assets/javascripts/geo_replicable/components/geo_replicable_time_ago.vue

@@ -2,7 +2,7 @@
 import TimeAgo from '~/vue_shared/components/time_ago_tooltip.vue';
 
 export default {
-  name: 'GeoDesignTimeAgo',
+  name: 'GeoReplicableTimeAgo',
   components: {
     TimeAgo,
   },

ee/app/assets/javascripts/geo_designs/index.js → ee/app/assets/javascripts/geo_replicable/index.js

 import Vue from 'vue';
 import Translate from '~/vue_shared/translate';
 import createStore from './store';
-import GeoDesignsApp from './components/app.vue';
+import GeoReplicableApp from './components/app.vue';
 
 Vue.use(Translate);
 
 export default () => {
-  const el = document.getElementById('js-geo-designs');
+  const el = document.getElementById('js-geo-replicable');
   const { replicableType } = el.dataset;
 
   return new Vue({
     el,
     store: createStore(replicableType),
     components: {
-      GeoDesignsApp,
+      GeoReplicableApp,
     },
     data() {
       const {
@@ -28,7 +28,7 @@ export default () => {
     },
 
     render(createElement) {
-      return createElement('geo-designs-app', {
+      return createElement('geo-replicable-app', {
         props: {
           geoSvgPath: this.geoSvgPath,
           issuesSvgPath: this.issuesSvgPath,

ee/app/assets/javascripts/pages/admin/geo/designs/index.js

-import initGeoDesigns from 'ee/geo_designs';
+import initGeoReplicable from 'ee/geo_replicable';
 
-document.addEventListener('DOMContentLoaded', initGeoDesigns);
+document.addEventListener('DOMContentLoaded', initGeoReplicable);

ee/app/views/admin/geo/designs/index.html.haml

 - page_title _('Geo Designs')
 
-#js-geo-designs{ data: { "geo-svg-path" => image_path('illustrations/empty-state/geo-empty.svg'),
+#js-geo-replicable{ data: { "geo-svg-path" => image_path('illustrations/empty-state/geo-empty.svg'),
   "issues-svg-path" => image_path('illustrations/issues.svg'),
   "geo-troubleshooting-link" => help_page_path('administration/geo/replication/troubleshooting.html'),
   "replicable-type" => 'designs' } }

ee/spec/frontend/geo_designs/components/__snapshots__/geo_design_time_ago_spec.js.snap

-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`GeoDesignTimeAgo template when dateString exists TimeAgo sets innerHTML as 09-23-1994 1`] = `"<time title=\\"Sep 23, 1994 12:00am GMT+0000\\" class=\\"\\">25 years ago</time>"`;
-
-exports[`GeoDesignTimeAgo template when dateString is null DefaultText sets innerHTML as props.defaultText 1`] = `"<span>Default Text</span>"`;

ee/spec/frontend/geo_replicable/components/__snapshots__/geo_replicable_time_ago_spec.js.snap

+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GeoReplicableTimeAgo template when dateString exists TimeAgo sets innerHTML as 09-23-1994 1`] = `"<time title=\\"Sep 23, 1994 12:00am GMT+0000\\" class=\\"\\">25 years ago</time>"`;
+
+exports[`GeoReplicableTimeAgo template when dateString is null DefaultText sets innerHTML as props.defaultText 1`] = `"<span>Default Text</span>"`;

ee/spec/frontend/geo_designs/components/app_spec.js → ee/spec/frontend/geo_replicable/components/app_spec.js

 import Vuex from 'vuex';
 import { createLocalVue, shallowMount } from '@vue/test-utils';
 import { GlLoadingIcon } from '@gitlab/ui';
-import GeoDesignsApp from 'ee/geo_designs/components/app.vue';
-import store from 'ee/geo_designs/store';
-import GeoDesigns from 'ee/geo_designs/components/geo_designs.vue';
-import GeoDesignsEmptyState from 'ee/geo_designs/components/geo_designs_empty_state.vue';
-import GeoDesignsFilterBar from 'ee/geo_designs/components/geo_designs_filter_bar.vue';
+import GeoReplicableApp from 'ee/geo_replicable/components/app.vue';
+import store from 'ee/geo_replicable/store';
+import GeoReplicable from 'ee/geo_replicable/components/geo_replicable.vue';
+import GeoReplicableEmptyState from 'ee/geo_replicable/components/geo_replicable_empty_state.vue';
+import GeoReplicableFilterBar from 'ee/geo_replicable/components/geo_replicable_filter_bar.vue';
 import {
   MOCK_GEO_SVG_PATH,
   MOCK_ISSUES_SVG_PATH,
@@ -16,7 +16,7 @@ import {
 const localVue = createLocalVue();
 localVue.use(Vuex);
 
-describe('GeoDesignsApp', () => {
+describe('GeoReplicableApp', () => {
   let wrapper;
 
   const propsData = {
@@ -31,7 +31,7 @@ describe('GeoDesignsApp', () => {
   };
 
   const createComponent = () => {
-    wrapper = shallowMount(GeoDesignsApp, {
+    wrapper = shallowMount(GeoReplicableApp, {
       localVue,
       store,
       propsData,
@@ -45,23 +45,25 @@ describe('GeoDesignsApp', () => {
     wrapper.destroy();
   });
 
-  const findGeoDesignsContainer = () => wrapper.find('.geo-designs-container');
-  const findGlLoadingIcon = () => findGeoDesignsContainer().find(GlLoadingIcon);
-  const findGeoDesigns = () => findGeoDesignsContainer().find(GeoDesigns);
-  const findGeoDesignsEmptyState = () => findGeoDesignsContainer().find(GeoDesignsEmptyState);
-  const findGeoDesignsFilterBar = () => findGeoDesignsContainer().find(GeoDesignsFilterBar);
+  const findGeoReplicableContainer = () => wrapper.find('.geo-replicable-container');
+  const findGlLoadingIcon = () => findGeoReplicableContainer().find(GlLoadingIcon);
+  const findGeoReplicable = () => findGeoReplicableContainer().find(GeoReplicable);
+  const findGeoReplicableEmptyState = () =>
+    findGeoReplicableContainer().find(GeoReplicableEmptyState);
+  const findGeoReplicableFilterBar = () =>
+    findGeoReplicableContainer().find(GeoReplicableFilterBar);
 
   describe('template', () => {
     beforeEach(() => {
       createComponent();
     });
 
-    it('renders the design container', () => {
-      expect(findGeoDesignsContainer().exists()).toBe(true);
+    it('renders the replicable container', () => {
+      expect(findGeoReplicableContainer().exists()).toBe(true);
     });
 
     it('renders the filter bar', () => {
-      expect(findGeoDesignsFilterBar().exists()).toBe(true);
+      expect(findGeoReplicableFilterBar().exists()).toBe(true);
     });
 
     describe('when isLoading = true', () => {
@@ -69,12 +71,12 @@ describe('GeoDesignsApp', () => {
         wrapper.vm.$store.state.isLoading = true;
       });
 
-      it('hides designs', () => {
-        expect(findGeoDesigns().exists()).toBe(false);
+      it('hides replicable items', () => {
+        expect(findGeoReplicable().exists()).toBe(false);
       });
 
       it('hides empty state', () => {
-        expect(findGeoDesignsEmptyState().exists()).toBe(false);
+        expect(findGeoReplicableEmptyState().exists()).toBe(false);
       });
 
       it('shows loader', () => {
@@ -93,12 +95,12 @@ describe('GeoDesignsApp', () => {
           wrapper.vm.$store.state.totalReplicableItems = MOCK_BASIC_FETCH_DATA_MAP.total;
         });
 
-        it('shows designs', () => {
-          expect(findGeoDesigns().exists()).toBe(true);
+        it('shows replicable items', () => {
+          expect(findGeoReplicable().exists()).toBe(true);
         });
 
         it('hides empty state', () => {
-          expect(findGeoDesignsEmptyState().exists()).toBe(false);
+          expect(findGeoReplicableEmptyState().exists()).toBe(false);
         });
 
         it('hides loader', () => {
@@ -112,12 +114,12 @@ describe('GeoDesignsApp', () => {
           wrapper.vm.$store.state.totalReplicableItems = 0;
         });
 
-        it('hides designs', () => {
-          expect(findGeoDesigns().exists()).toBe(false);
+        it('hides replicable items', () => {
+          expect(findGeoReplicable().exists()).toBe(false);
         });
 
         it('shows empty state', () => {
-          expect(findGeoDesignsEmptyState().exists()).toBe(true);
+          expect(findGeoReplicableEmptyState().exists()).toBe(true);
         });
 
         it('hides loader', () => {

ee/spec/frontend/geo_designs/components/geo_designs_empty_state_spec.js → ee/spec/frontend/geo_replicable/components/geo_replicable_empty_state_spec.js

 import Vuex from 'vuex';
 import { createLocalVue, mount } from '@vue/test-utils';
 import { GlEmptyState } from '@gitlab/ui';
-import store from 'ee/geo_designs/store';
-import GeoDesignsEmptyState from 'ee/geo_designs/components/geo_designs_empty_state.vue';
+import store from 'ee/geo_replicable/store';
+import GeoReplicableEmptyState from 'ee/geo_replicable/components/geo_replicable_empty_state.vue';
 import { MOCK_ISSUES_SVG_PATH, MOCK_GEO_TROUBLESHOOTING_LINK } from '../mock_data';
 
 const localVue = createLocalVue();
 localVue.use(Vuex);
 
-describe('GeoDesignsEmptyState', () => {
+describe('GeoReplicableEmptyState', () => {
   let wrapper;
 
   const propsData = {
@@ -17,7 +17,7 @@ describe('GeoDesignsEmptyState', () => {
   };
 
   const createComponent = () => {
-    wrapper = mount(GeoDesignsEmptyState, {
+    wrapper = mount(GeoReplicableEmptyState, {
       localVue,
       store,
       propsData,

ee/spec/frontend/geo_designs/components/geo_designs_filter_bar_spec.js → ee/spec/frontend/geo_replicable/components/geo_replicable_filter_bar_spec.js

 import Vuex from 'vuex';
 import { createLocalVue, mount } from '@vue/test-utils';
 import { GlTabs, GlTab, GlFormInput, GlDropdown, GlDropdownItem } from '@gitlab/ui';
-import GeoDesignsFilterBar from 'ee/geo_designs/components/geo_designs_filter_bar.vue';
-import store from 'ee/geo_designs/store';
-import { DEFAULT_SEARCH_DELAY } from 'ee/geo_designs/store/constants';
+import GeoReplicableFilterBar from 'ee/geo_replicable/components/geo_replicable_filter_bar.vue';
+import store from 'ee/geo_replicable/store';
+import { DEFAULT_SEARCH_DELAY } from 'ee/geo_replicable/store/constants';
 
 const localVue = createLocalVue();
 localVue.use(Vuex);
 
-describe('GeoDesignsFilterBar', () => {
+describe('GeoReplicableFilterBar', () => {
   let wrapper;
 
   const actionSpies = {
@@ -19,7 +19,7 @@ describe('GeoDesignsFilterBar', () => {
   };
 
   const createComponent = () => {
-    wrapper = mount(GeoDesignsFilterBar, {
+    wrapper = mount(GeoReplicableFilterBar, {
       localVue,
       store,
       methods: {

ee/spec/frontend/geo_designs/components/geo_design_spec.js → ee/spec/frontend/geo_replicable/components/geo_replicable_item_spec.js

 import Vuex from 'vuex';
 import { createLocalVue, mount } from '@vue/test-utils';
 import { GlLink, GlDeprecatedButton } from '@gitlab/ui';
-import GeoDesign from 'ee/geo_designs/components/geo_design.vue';
-import store from 'ee/geo_designs/store';
-import { ACTION_TYPES } from 'ee/geo_designs/store/constants';
+import GeoReplicableItem from 'ee/geo_replicable/components/geo_replicable_item.vue';
+import store from 'ee/geo_replicable/store';
+import { ACTION_TYPES } from 'ee/geo_replicable/store/constants';
 import { MOCK_BASIC_FETCH_DATA_MAP } from '../mock_data';
 
 const localVue = createLocalVue();
 localVue.use(Vuex);
 
-describe('GeoDesignsApp', () => {
+describe('GeoReplicableItem', () => {
   let wrapper;
-  const mockDesign = MOCK_BASIC_FETCH_DATA_MAP.data[0];
+  const mockReplicable = MOCK_BASIC_FETCH_DATA_MAP.data[0];
 
   const actionSpies = {
     initiateReplicableSync: jest.fn(),
   };
 
   const propsData = {
-    name: mockDesign.name,
-    projectId: mockDesign.projectId,
-    syncStatus: mockDesign.state,
-    lastSynced: mockDesign.lastSyncedAt,
+    name: mockReplicable.name,
+    projectId: mockReplicable.projectId,
+    syncStatus: mockReplicable.state,
+    lastSynced: mockReplicable.lastSyncedAt,
     lastVerified: null,
     lastChecked: null,
   };
 
   const createComponent = () => {
-    wrapper = mount(GeoDesign, {
+    wrapper = mount(GeoReplicableItem, {
       localVue,
       store,
       propsData,
@@ -73,7 +73,7 @@ describe('GeoDesignsApp', () => {
         expect(findGlButton().exists()).toBe(true);
       });
 
-      it('calls initiateDesignSyncs when clicked', () => {
+      it('calls initiateReplicableSync when clicked', () => {
         findGlButton().trigger('click');
         expect(actionSpies.initiateReplicableSync).toHaveBeenCalledWith({
           projectId: propsData.projectId,

ee/spec/frontend/geo_designs/components/geo_designs_spec.js → ee/spec/frontend/geo_replicable/components/geo_replicable_spec.js

 import Vuex from 'vuex';
 import { createLocalVue, mount } from '@vue/test-utils';
 import { GlPagination } from '@gitlab/ui';
-import store from 'ee/geo_designs/store';
-import GeoDesigns from 'ee/geo_designs/components/geo_designs.vue';
-import GeoDesign from 'ee/geo_designs/components/geo_design.vue';
+import store from 'ee/geo_replicable/store';
+import GeoReplicable from 'ee/geo_replicable/components/geo_replicable.vue';
+import GeoReplicableItem from 'ee/geo_replicable/components/geo_replicable_item.vue';
 import { MOCK_BASIC_FETCH_DATA_MAP } from '../mock_data';
 
 const localVue = createLocalVue();
 localVue.use(Vuex);
 
-describe('GeoDesigns', () => {
+describe('GeoReplicable', () => {
   let wrapper;
 
   const actionSpies = {
@@ -18,7 +18,7 @@ describe('GeoDesigns', () => {
   };
 
   const createComponent = () => {
-    wrapper = mount(GeoDesigns, {
+    wrapper = mount(GeoReplicable, {
       localVue,
       store,
       methods: {
@@ -31,17 +31,17 @@ describe('GeoDesigns', () => {
     wrapper.destroy();
   });
 
-  const findGeoDesignsContainer = () => wrapper.find('section');
-  const findGlPagination = () => findGeoDesignsContainer().find(GlPagination);
-  const findGeoDesign = () => findGeoDesignsContainer().findAll(GeoDesign);
+  const findGeoReplicableContainer = () => wrapper.find('section');
+  const findGlPagination = () => findGeoReplicableContainer().find(GlPagination);
+  const findGeoReplicableItem = () => findGeoReplicableContainer().findAll(GeoReplicableItem);
 
   describe('template', () => {
     beforeEach(() => {
       createComponent();
     });
 
-    it('renders the designs container', () => {
-      expect(findGeoDesignsContainer().exists()).toBe(true);
+    it('renders the replicable container', () => {
+      expect(findGeoReplicableContainer().exists()).toBe(true);
     });
 
     describe('GlPagination', () => {
@@ -68,17 +68,17 @@ describe('GeoDesigns', () => {
       });
     });
 
-    describe('GeoDesign', () => {
+    describe('GeoReplicableItem', () => {
       beforeEach(() => {
         wrapper.vm.$store.state.replicableItems = MOCK_BASIC_FETCH_DATA_MAP.data;
       });
 
-      it('renders an instance for each design in the store', () => {
-        const designWrappers = findGeoDesign();
+      it('renders an instance for each replicableItem in the store', () => {
+        const replicableItemWrappers = findGeoReplicableItem();
         const replicableItems = [...wrapper.vm.$store.state.replicableItems];
 
-        for (let i = 0; i < designWrappers.length; i += 1) {
-          expect(designWrappers.at(i).props().projectId).toBe(replicableItems[i].projectId);
+        for (let i = 0; i < replicableItemWrappers.length; i += 1) {
+          expect(replicableItemWrappers.at(i).props().projectId).toBe(replicableItems[i].projectId);
         }
       });
     });

ee/spec/frontend/geo_designs/components/geo_design_status_spec.js → ee/spec/frontend/geo_replicable/components/geo_replicable_status_spec.js

 import Vuex from 'vuex';
 import { createLocalVue, mount } from '@vue/test-utils';
-import store from 'ee/geo_designs/store';
-import GeoDesignStatus from 'ee/geo_designs/components/geo_design_status.vue';
+import store from 'ee/geo_replicable/store';
+import GeoReplicableStatus from 'ee/geo_replicable/components/geo_replicable_status.vue';
 import {
   FILTER_STATES,
   STATUS_ICON_NAMES,
   STATUS_ICON_CLASS,
   DEFAULT_STATUS,
-} from 'ee/geo_designs/store/constants';
+} from 'ee/geo_replicable/store/constants';
 import Icon from '~/vue_shared/components/icon.vue';
 
 const localVue = createLocalVue();
 localVue.use(Vuex);
 
-describe('GeoDesignStatus', () => {
+describe('GeoReplicableStatus', () => {
   let wrapper;
 
   const propsData = {
@@ -21,7 +21,7 @@ describe('GeoDesignStatus', () => {
   };
 
   const createComponent = () => {
-    wrapper = mount(GeoDesignStatus, {
+    wrapper = mount(GeoReplicableStatus, {
       localVue,
       store,
       propsData,
@@ -32,8 +32,8 @@ describe('GeoDesignStatus', () => {
     wrapper.destroy();
   });
 
-  const findGeoDesignStatusContainer = () => wrapper.find('div');
-  const findIcon = () => findGeoDesignStatusContainer().find(Icon);
+  const findGeoReplicableStatusContainer = () => wrapper.find('div');
+  const findIcon = () => findGeoReplicableStatusContainer().find(Icon);
 
   describe('template', () => {
     beforeEach(() => {
@@ -41,7 +41,7 @@ describe('GeoDesignStatus', () => {
     });
 
     it('renders status container', () => {
-      expect(findGeoDesignStatusContainer().exists()).toBe(true);
+      expect(findGeoReplicableStatusContainer().exists()).toBe(true);
     });
   });
 

ee/spec/frontend/geo_designs/components/geo_design_time_ago_spec.js → ee/spec/frontend/geo_replicable/components/geo_replicable_time_ago_spec.js

 import Vuex from 'vuex';
 import { createLocalVue, mount } from '@vue/test-utils';
-import store from 'ee/geo_designs/store';
-import GeoDesignTimeAgo from 'ee/geo_designs/components/geo_design_time_ago.vue';
+import store from 'ee/geo_replicable/store';
+import GeoReplicableTimeAgo from 'ee/geo_replicable/components/geo_replicable_time_ago.vue';
 import TimeAgo from '~/vue_shared/components/time_ago_tooltip.vue';
 
 const localVue = createLocalVue();
 localVue.use(Vuex);
 
-describe('GeoDesignTimeAgo', () => {
+describe('GeoReplicableTimeAgo', () => {
   let wrapper;
 
   const propsData = {
@@ -17,7 +17,7 @@ describe('GeoDesignTimeAgo', () => {
   };
 
   const createComponent = () => {
-    wrapper = mount(GeoDesignTimeAgo, {
+    wrapper = mount(GeoReplicableTimeAgo, {
       localVue,
       store,
       propsData,
@@ -28,17 +28,17 @@ describe('GeoDesignTimeAgo', () => {
     wrapper.destroy();
   });
 
-  const findGeoDesignTimeAgo = () => wrapper.find(GeoDesignTimeAgo);
-  const findTimeAgo = () => findGeoDesignTimeAgo().find(TimeAgo);
-  const findDefaultText = () => findGeoDesignTimeAgo().find('span');
+  const findGeoReplicableTimeAgo = () => wrapper.find(GeoReplicableTimeAgo);
+  const findTimeAgo = () => findGeoReplicableTimeAgo().find(TimeAgo);
+  const findDefaultText = () => findGeoReplicableTimeAgo().find('span');
 
   describe('template', () => {
     beforeEach(() => {
       createComponent();
     });
 
-    it('renders GeoDesignTimeAgo container', () => {
-      expect(findGeoDesignTimeAgo().exists()).toBe(true);
+    it('renders GeoReplicableTimeAgo container', () => {
+      expect(findGeoReplicableTimeAgo().exists()).toBe(true);
     });
 
     describe('when dateString exists', () => {

ee/spec/frontend/geo_designs/store/actions_spec.js → ee/spec/frontend/geo_replicable/store/actions_spec.js

@@ -2,10 +2,10 @@ import testAction from 'helpers/vuex_action_helper';
 import flash from '~/flash';
 import toast from '~/vue_shared/plugins/global_toast';
 import Api from 'ee/api';
-import * as actions from 'ee/geo_designs/store/actions';
-import * as types from 'ee/geo_designs/store/mutation_types';
-import createState from 'ee/geo_designs/store/state';
-import { ACTION_TYPES } from 'ee/geo_designs/store/constants';
+import * as actions from 'ee/geo_replicable/store/actions';
+import * as types from 'ee/geo_replicable/store/mutation_types';
+import createState from 'ee/geo_replicable/store/state';
+import { ACTION_TYPES } from 'ee/geo_replicable/store/constants';
 import {
   MOCK_BASIC_FETCH_DATA_MAP,
   MOCK_BASIC_FETCH_RESPONSE,
@@ -16,7 +16,7 @@ import {
 jest.mock('~/flash');
 jest.mock('~/vue_shared/plugins/global_toast');
 
-describe('GeoDesigns Store Actions', () => {
+describe('GeoReplicable Store Actions', () => {
   let state;
 
   beforeEach(() => {

ee/spec/frontend/geo_designs/store/mutations_spec.js → ee/spec/frontend/geo_replicable/store/mutations_spec.js

-import mutations from 'ee/geo_designs/store/mutations';
-import createState from 'ee/geo_designs/store/state';
-import * as types from 'ee/geo_designs/store/mutation_types';
+import mutations from 'ee/geo_replicable/store/mutations';
+import createState from 'ee/geo_replicable/store/state';
+import * as types from 'ee/geo_replicable/store/mutation_types';
 import { MOCK_BASIC_FETCH_DATA_MAP } from '../mock_data';
 
 describe('GeoReplicable Store Mutations', () => {
@@ -76,12 +76,12 @@ describe('GeoReplicable Store Mutations', () => {
       expect(state.isLoading).toEqual(false);
     });
 
-    it('sets designs array with data', () => {
+    it('sets replicableItems array with data', () => {
       mutations[types.RECEIVE_REPLICABLE_ITEMS_SUCCESS](state, mockData);
       expect(state.replicableItems).toBe(mockData.data);
     });
 
-    it('sets pageSize and totalDesigns', () => {
+    it('sets pageSize and totalReplicableItems', () => {
       mutations[types.RECEIVE_REPLICABLE_ITEMS_SUCCESS](state, mockData);
       expect(state.pageSize).toEqual(mockData.perPage);
       expect(state.totalReplicableItems).toEqual(mockData.total);
@@ -102,7 +102,7 @@ describe('GeoReplicable Store Mutations', () => {
       expect(state.isLoading).toEqual(false);
     });
 
-    it('resets designs array', () => {
+    it('resets replicableItems array', () => {
       state.replicableItems = mockData.data;
 
       mutations[types.RECEIVE_REPLICABLE_ITEMS_ERROR](state);