Ocelot-Social/webapp/components/generic/SearchPost/SearchPost.spec.js

import { shallowMount } from '@vue/test-utils'
import SearchPost from './SearchPost.vue'

const localVue = global.localVue
localVue.filter('dateTime', d => d)

describe('SearchPost.vue', () => {
  let mocks, wrapper, propsData
  beforeEach(() => {
    mocks = {
      $t: jest.fn(string => string),
    }
    propsData = {
      option: {
        title: 'Post Title',
        commentsCount: 3,
        shoutedCount: 6,
        createdAt: '23.08.2019',
        author: {
          name: 'Post Author',
        },
      },
    }
    wrapper = Wrapper()
  })

  const Wrapper = () => {
    return shallowMount(SearchPost, { mocks, localVue, propsData })
  }

  describe('mount', () => {
    it('renders post title', () => {
      expect(wrapper.find('.search-option-label').text()).toMatch('Post Title')
    })
    it('renders post commentsCount', () => {
      expect(
        wrapper
          .find('.search-post-meta')
          .findAll('span')
          .at(0)
          .text(),
      ).toMatch('3')
    })
    it('renders post shoutedCount', () => {
      expect(
        wrapper
          .find('.search-post-meta')
          .findAll('span')
          .at(1)
          .text(),
      ).toMatch('6')
    })
    it('renders post author', () => {
      expect(
        wrapper
          .find('.search-post-author')
          .text()
          .replace(/\s+-\s+/, ' '),
      ).toMatch('Post Author 23.08.2019')
    })
  })
})