diff --git a/src/fragments/map-view/MapView.cy.js b/src/fragments/map-view/MapView.cy.js new file mode 100644 index 00000000..9d372cb5 --- /dev/null +++ b/src/fragments/map-view/MapView.cy.js @@ -0,0 +1,25 @@ +import mapViewDataTemplates from 'fixtures/map-view-data.js' +import MapView from './MapView.vue' +import MapViewProps from 'fixtures/map-view-props.js' +import I18nBuilder from '@/i18n/i18n-builder' +import AppLoader from '@/app-loader' +import store from '@/store/store' + +describe('Map rendering', () => { + beforeEach(() => { + cy.intercept('GET', 'https://*.tile.openstreetmap.org/*/*/*.png', {fixture: 'map-pin.jpg'}) + }) + it('should render map-view with single place', () => { + new AppLoader().fetchApiInitialData() + let props = {... MapViewProps, ... {mapViewData: mapViewDataTemplates.singlePlace}} + cy.mount(MapView, {propsData: props, i18n: I18nBuilder.build(), store: store}) + + cy.get('#map-view') + }) + it('should render map-view with place search results', () => { + new AppLoader().fetchApiInitialData() + let props = {... MapViewProps, ... {mapViewData: mapViewDataTemplates.placeSearchResults}} + cy.mount(MapView, {propsData: props, i18n: I18nBuilder.build(), store: store}) + cy.get('#map-view') + }) +}) diff --git a/tests/integration/specs/map-render.spec.js b/tests/integration/specs/map-render.spec.js deleted file mode 100755 index c9d68c68..00000000 --- a/tests/integration/specs/map-render.spec.js +++ /dev/null @@ -1,36 +0,0 @@ -import mapViewDataTemplates from '../mockups/map-view-data.js' -import MapView from '@/fragments/map-view/MapView.vue' -import MapViewProps from '../mockups/map-view-props.js' -import PreparedVue from '@/common/prepared-vue.js' -import I18nBuilder from '@/i18n/i18n-builder' -import AppLoader from '@/app-loader' -import store from '@/store/store' - -describe('Map rendering', () => { - it('should render map-view with single place', async () => { - await new AppLoader().fetchApiInitialData() - const MapConstructor = PreparedVue.extend(MapView) - let props = {...MapViewProps, ...{mapViewData: mapViewDataTemplates.singlePlace }} - - let i18n = I18nBuilder.build() - var mapInstance = new MapConstructor({ propsData: props, i18n: i18n, store: store}) - const vm = mapInstance.$mount() - - let mapView = vm.$el.querySelector('#map-view') - expect(mapView).toBeDefined() - expect(mapView).not.toBeNull() - }) - it('should render map-view with place search results', async () => { - await new AppLoader().fetchApiInitialData() - const MapConstructor = PreparedVue.extend(MapView) - let props = {...MapViewProps, ...{mapViewData: mapViewDataTemplates.placeSearchResults }} - - let i18n = I18nBuilder.build() - var mapInstance = new MapConstructor({ propsData: props, i18n: i18n, store: store}) - const vm = mapInstance.$mount() - - let mapView = vm.$el.querySelector('#map-view') - expect(mapView).toBeDefined() - expect(mapView).not.toBeNull() - }) -})