寝乱れて隠れ宿

f:id:chief-shuffle:20191231102652j:plain

現在、年末年始休みで東北に来ております。
近年は暖冬で雪が少ないものの、川とランデブーする単線の列車は旅情がありますね。

九十九折り浄蓮の滝

第4章6節クライアントサイドを自動テストするでJestを導入し、ユニットテストを実施しました。
カバレッジ100%になってなかったので、続きをやっていきます。
別に100%にしないといけないわけじゃないのですが、最初なんで今後のサンプルということで。

まずは、src/store/index.jsをテストするtests/unit/store/index.spec.jsです。

import store from '@/store'
import * as types from '@/store/mutation-types'
const state = store.state

describe('store/index.js', () => {
  beforeEach(() => {
    jest.spyOn(console, 'log')
    jest.spyOn(console, 'error')
  })

  afterEach(() => {
    console.log.mockRestore()
    console.error.mockRestore()
  })

  it('正：初期状態', () => {
    expect(state.list).toEqual([])
  })

  it('正：list格納', () => {
    let list = [
      'あなたはアジアの小国の王子に生まれ変わりました。',
      'アジアの小国の王子は今から980年前に生まれました。',
      '民に敬われた王の嫡男として生き',
      '50歳で死にました。',
    ]

    store.commit(types.STORE_LIST, {list: list})
    expect(state.list).toEqual(list)
  })
})

STORE_LISTをコミットして与えたリストと同じであることをアサーションしています。
console.log()やconsole.error()もspyOnして想定外の出力がないことを確認します。

続いて、src/main.jsをテストするtests/unit/main.spec.jsです。

import axios from 'axios'

jest.mock('axios')

describe('main.js', () => {
  beforeEach(() => {
    jest.spyOn(console, 'log')
    jest.spyOn(console, 'error')
    axios.get.mockResolvedValue({})
  })

  afterEach(() => {
    console.log.mockRestore()
    console.error.mockRestore()
  })

  it('正：初期状態', () => {
    /* eslint-disable no-unused-vars */
    var main = require('@/main')
    expect(console.log).not.toHaveBeenCalled()
    expect(console.error).toHaveBeenCalledTimes(1)
  })
})