Use timezone data list fixture

Replace usage of mockTimezoneData with fixture

spec/frontend/deploy_freeze/components/deploy_freeze_modal_spec.js

@@ -4,7 +4,6 @@ import { GlButton, GlModal } from '@gitlab/ui';
 import DeployFreezeModal from '~/deploy_freeze/components/deploy_freeze_modal.vue';
 import TimezoneDropdown from '~/vue_shared/components/timezone_dropdown.vue';
 import createStore from '~/deploy_freeze/store';
-import { mockTimezoneData } from '../mock_data';
 
 const localVue = createLocalVue();
 localVue.use(Vuex);
@@ -13,11 +12,12 @@ describe('Deploy freeze modal', () => {
   let wrapper;
   let store;
   const freezePeriodsFixture = getJSONFixture('/api/freeze-periods/freeze-periods.json');
+  const timezoneDataFixture = getJSONFixture('/api/freeze-periods/timezone_data.json');
 
   beforeEach(() => {
     store = createStore({
       projectId: '8',
-      timezoneData: mockTimezoneData,
+      timezoneData: timezoneDataFixture,
     });
     wrapper = shallowMount(DeployFreezeModal, {
       attachToDocument: true,

spec/frontend/deploy_freeze/components/deploy_freeze_settings_spec.js

@@ -3,9 +3,7 @@ import { createLocalVue, shallowMount } from '@vue/test-utils';
 import DeployFreezeSettings from '~/deploy_freeze/components/deploy_freeze_settings.vue';
 import DeployFreezeTable from '~/deploy_freeze/components/deploy_freeze_table.vue';
 import DeployFreezeModal from '~/deploy_freeze/components/deploy_freeze_modal.vue';
-
 import createStore from '~/deploy_freeze/store';
-import { mockTimezoneData } from '../mock_data';
 
 const localVue = createLocalVue();
 localVue.use(Vuex);
@@ -13,11 +11,12 @@ localVue.use(Vuex);
 describe('Deploy freeze settings', () => {
   let wrapper;
   let store;
+  const timezoneDataFixture = getJSONFixture('/api/freeze-periods/timezone_data.json');
 
   beforeEach(() => {
     store = createStore({
       projectId: '8',
-      timezoneData: mockTimezoneData,
+      timezoneData: timezoneDataFixture,
     });
     jest.spyOn(store, 'dispatch').mockImplementation();
     wrapper = shallowMount(DeployFreezeSettings, {

spec/frontend/deploy_freeze/components/deploy_freeze_table_spec.js

@@ -2,7 +2,6 @@ import Vuex from 'vuex';
 import { createLocalVue, mount } from '@vue/test-utils';
 import DeployFreezeTable from '~/deploy_freeze/components/deploy_freeze_table.vue';
 import createStore from '~/deploy_freeze/store';
-import { mockTimezoneData } from '../mock_data';
 
 const localVue = createLocalVue();
 localVue.use(Vuex);
@@ -10,11 +9,12 @@ localVue.use(Vuex);
 describe('Deploy freeze table', () => {
   let wrapper;
   let store;
+  const timezoneDataFixture = getJSONFixture('/api/freeze-periods/timezone_data.json');
 
   const createComponent = () => {
     store = createStore({
       projectId: '8',
-      timezoneData: mockTimezoneData,
+      timezoneData: timezoneDataFixture,
     });
     jest.spyOn(store, 'dispatch').mockImplementation();
     wrapper = mount(DeployFreezeTable, {

spec/frontend/deploy_freeze/components/timezone_dropdown_spec.js

@@ -2,7 +2,6 @@ import Vuex from 'vuex';
 import TimezoneDropdown from '~/vue_shared/components/timezone_dropdown.vue';
 import { shallowMount, createLocalVue } from '@vue/test-utils';
 import createStore from '~/deploy_freeze/store';
-import { mockTimezoneData } from '../mock_data';
 
 import { GlDeprecatedDropdownItem, GlNewDropdown } from '@gitlab/ui';
 
@@ -12,18 +11,19 @@ localVue.use(Vuex);
 describe('Deploy freeze timezone dropdown', () => {
   let wrapper;
   let store;
+  const timezoneDataFixture = getJSONFixture('/api/freeze-periods/timezone_data.json');
 
   const createComponent = (searchTerm, selectedTimezone) => {
     store = createStore({
       projectId: '8',
-      timezoneData: mockTimezoneData,
+      timezoneData: timezoneDataFixture,
     });
     wrapper = shallowMount(TimezoneDropdown, {
       store,
       localVue,
       propsData: {
         value: selectedTimezone,
-        timezoneData: mockTimezoneData,
+        timezoneData: timezoneDataFixture,
       },
     });
 
@@ -54,7 +54,7 @@ describe('Deploy freeze timezone dropdown', () => {
     });
 
     it('renders all timezones when search term is empty', () => {
-      expect(findAllDropdownItems()).toHaveLength(mockTimezoneData.length);
+      expect(findAllDropdownItems()).toHaveLength(timezoneDataFixture.length);
     });
   });
 

spec/frontend/deploy_freeze/store/actions_spec.js

@@ -6,7 +6,6 @@ import createFlash from '~/flash';
 import getInitialState from '~/deploy_freeze/store/state';
 import * as actions from '~/deploy_freeze/store/actions';
 import * as types from '~/deploy_freeze/store/mutation_types';
-import { mockTimezoneData } from '../mock_data';
 
 jest.mock('~/api.js');
 jest.mock('~/flash.js');
@@ -15,12 +14,13 @@ describe('deploy freeze store actions', () => {
   let mock;
   let state;
   const freezePeriodsFixture = getJSONFixture('/api/freeze-periods/freeze-periods.json');
+  const timezoneDataFixture = getJSONFixture('/api/freeze-periods/timezone_data.json');
 
   beforeEach(() => {
     mock = new MockAdapter(axios);
     state = getInitialState({
       projectId: '8',
-      timezoneData: mockTimezoneData,
+      timezoneData: timezoneDataFixture,
     });
     Api.freezePeriods.mockResolvedValue({ data: freezePeriodsFixture });
     Api.createFreezePeriod.mockResolvedValue();

spec/frontend/deploy_freeze/store/mutations_spec.js

 import state from '~/deploy_freeze/store/state';
 import mutations from '~/deploy_freeze/store/mutations';
 import * as types from '~/deploy_freeze/store/mutation_types';
-import { mockTimezoneData } from '../mock_data';
 import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
 
 describe('Deploy freeze mutations', () => {
   let stateCopy;
+  const timezoneDataFixture = getJSONFixture('/api/freeze-periods/timezone_data.json');
+
   beforeEach(() => {
     stateCopy = state({
       projectId: '8',
-      timezoneData: mockTimezoneData,
+      timezoneData: timezoneDataFixture,
     });
   });
 
@@ -26,7 +27,7 @@ describe('Deploy freeze mutations', () => {
 
   describe('RECEIVE_FREEZE_PERIODS_SUCCESS', () => {
     it('should set freeze periods and format timezones from identifiers to names', () => {
-      const timezoneNames = ['Eastern Time (US & Canada)', 'UTC', 'Berlin'];
+      const timezoneNames = ['Berlin', 'UTC', 'Eastern Time (US & Canada)'];
       const freezePeriodsFixture = getJSONFixture('/api/freeze-periods/freeze-periods.json');
 
       mutations[types.RECEIVE_FREEZE_PERIODS_SUCCESS](stateCopy, freezePeriodsFixture);