[javascript] Nuxt.js에서의 유닛 테스트(unit test) 작성 방법은?

19 Dec 2023

javascript

Nuxt.js 공식 문서에서는 컴포넌트, API 또는 페이지 등을 테스트하는 방법에 대한 자세한 내용을 확인할 수 있습니다. 또한, Nuxt.js 프레임워크 공식 GitHub 저장소에도 유용한 자료가 많이 있습니다.

아래는 예시 코드입니다.

// 예시 코드
import { mount } from '@vue/test-utils'
import MyComponent from '~/components/MyComponent'

describe('MyComponent', () => {
  test('is a Vue instance', () => {
    const wrapper = mount(MyComponent)
    expect(wrapper.isVueInstance()).toBeTruthy()
  })

  test('renders the correct markup', () => {
    const wrapper = mount(MyComponent)
    expect(wrapper.html()).toContain('<div class="my-component">Hello, World!</div>')
  })
})

이러한 유닛 테스트 작성을 통해 Nuxt.js 애플리케이션의 품질을 향상시키고 안정성을 확보할 수 있습니다.

더 자세한 정보는 아래 Nuxt.js 공식 문서를 참고하세요.

Nuxt.js 공식 문서 - Testing