Search 컴포넌트 테스트

연도별 조회기능 테스트

기존기능 코드 (Search.vue)

test 코드 작성

Search.test.js

import {shallowMount} from '@vue/test-utils'
import Search from '~/components/Search'

describe('components/Search.vue', () => {
  let wrapper

  beforeEach(() => {
    wrapper = shallowMount(Search)
  })

  test('선택 가능한 연도의 개수가 일치합니다.', () => {
    const year = wrapper.vm.filters.find((filter) => {
      return filter.name === 'year'
    })
    const yearLaength = new Date().getFullYear() - 1985 + 1
    expect(year.items.length).toBe(123)
  })
})

최대한 테스트를 진행할때 외부에 자원을 연결하지 않은 상태에서 진행하는 것을 권장한다.