Fix tests

test/unit/specs/components/ImageDetails/image-info.spec.js

@@ -50,6 +50,6 @@ describe('Image Info', () => {
     const wrapper = render(ImageInfo, options)
 
     expect(wrapper.html()).toContain(`${props.imageWidth}`)
-    expect(wrapper.html()).toContain(`${props.imageHeight} pixels`)
+    expect(wrapper.html()).toContain(`${props.imageHeight}`)
   })
 })

test/unit/specs/components/filter-display.spec.js

@@ -57,6 +57,8 @@ describe('FilterDisplay', () => {
   it('should render filter by caption label', () => {
     options.mocks.$store.state.isFilterApplied = true
     const wrapper = render(FilterDisplay, options)
-    expect(wrapper.find('.caption').element.textContent).toBe('Filter By')
+    expect(wrapper.find('.caption').element.textContent).toBe(
+      'filters.filter-by'
+    )
   })
 })

test/unit/specs/components/search-grid-cell.spec.js

@@ -40,22 +40,17 @@ describe('SearchGridCell', () => {
     )
   })
 
-  it('links to the details page', () => {
-    const routerMock = {
-      push: jest.fn(),
-      params: {
-        location: window.scrollY,
-      },
-    }
+  it('links to the details page', async () => {
+    const localeRouteMock = jest.fn()
     const wrapper = render(SearchGridCell, {
       propsData: props,
-      mocks: { $router: routerMock },
+      mocks: { localeRoute: localeRouteMock },
     })
     const link = wrapper.find('.search-grid_image-ctr')
-    link.trigger('click')
-    expect(routerMock.push).toHaveBeenCalledWith({
+    await link.trigger('click')
+    expect(localeRouteMock).toHaveBeenCalledWith({
       name: 'photo-detail-page',
-      params: { id: 0, location: routerMock.params.location },
+      params: { id: 0, location: 0 },
     })
   })
 })

test/unit/test-utils/render.js

@@ -20,7 +20,9 @@ const render = (Component, options = { localVue, i18n }) => {
     const store = new Vuex.Store(sampleStore)
     options.store = store
   }
-
+  if (!options.i18n) {
+    options.i18n = i18n
+  }
   return shallowMount(Component, options)
 }