Vue testing file

testing-map.spec.js

import { shallowMount } from '@vue/test-utils';
import jest from 'jest-mock';
import StoreFinderMap from '../../src/modules/StoreFinder/components/StoreFinderMap/StoreFinderMap.vue';

describe('StoreFinderMap', () => {
  let wrapper;

  beforeEach(() => {
    const initMapMock = jest.fn();
    const initMarkersMock = jest.fn();
    const subscribeToMapScrollMock = jest.fn();
    wrapper = shallowMount(StoreFinderMap, {
      // pass in some required props, with dummy content
      propsData: {
        google: {},
        markerClusterStyle: ['markerClusterStyleMock'],
        mapOptions: {},
      },
      // override methods which are called on mounted
      methods: {
        initMap: initMapMock,
        initMarkers: initMarkersMock,
        subscribeToMapScroll: subscribeToMapScrollMock,
      },
      computed: {
        searchCoordinates: jest.fn(),
        mapCoordinates: jest.fn(),
        activeLocation: jest.fn(),
        storeFilter: jest.fn(),
      },
    });

    jest.clearAllMocks();
  });

  test('If marker represents a searched location/current user location, it should show the result icon', () => {
    wrapper.setData({ mapOptions: { iconPath: 'filepath/' } });
    expect(wrapper.vm.iconType({ attributes: { isResult: true } })).toEqual(`${wrapper.vm.mapOptions.iconPath}storefinder-result.svg`);
  });


  test('Set new map bounds when search coordinates are changed in vuex store', () => {
    const spy = jest.spyOn(wrapper.vm, 'setMapBounds');

    wrapper.vm.searchCoordinates = jest.fn(() => 'lala');
    expect(spy).toBeCalled();
  });
});