gradido/frontend/src/store/store.test.js

import { mutations, actions } from './store'
import Vuex from 'vuex'
import Vue from 'vue'
import i18n from '@/i18n.js'
import { localeChanged } from 'vee-validate'
import jwtDecode from 'jwt-decode'

jest.mock('vuex')
jest.mock('@/i18n.js')
jest.mock('vee-validate', () => {
  return {
    localeChanged: jest.fn(),
  }
})
jest.mock('jwt-decode', () => {
  return jest.fn(() => {
    return { exp: '1234' }
  })
})

i18n.locale = 'blubb'

const {
  language,
  email,
  token,
  firstName,
  lastName,
  newsletterState,
  publisherId,
  isAdmin,
  hasElopage,
  hideAmountGDD,
  hideAmountGDT,
} = mutations
const { login, logout } = actions

describe('Vuex store', () => {
  describe('mutations', () => {
    describe('language', () => {
      it('sets the state of language', () => {
        const state = { language: 'en' }
        language(state, 'de')
        expect(state.language).toEqual('de')
      })

      it('sets the i18n locale', () => {
        expect(i18n.locale).toBe('de')
      })

      it('calls localChanged of vee-validate', () => {
        expect(localeChanged).toBeCalledWith('de')
      })
    })

    describe('email', () => {
      it('sets the state of email', () => {
        const state = { email: 'nobody@knows.tv' }
        email(state, 'someone@there.is')
        expect(state.email).toEqual('someone@there.is')
      })
    })

    describe('token', () => {
      it('sets the state of token', () => {
        const state = { token: null }
        token(state, '1234')
        expect(state.token).toEqual('1234')
      })

      describe('token has a value', () => {
        it('sets the state of tokenTime', () => {
          const state = { token: null, tokenTime: null }
          token(state, 'token')
          expect(jwtDecode).toBeCalledWith('token')
          expect(state.tokenTime).toEqual('1234')
        })
      })

      describe('token has null value', () => {
        it('sets the state of tokenTime to null', () => {
          jest.clearAllMocks()
          const state = { token: null, tokenTime: '123' }
          token(state, null)
          expect(jwtDecode).not.toBeCalled()
          expect(state.tokenTime).toEqual(null)
        })
      })
    })

    describe('firstName', () => {
      it('sets the state of firstName', () => {
        const state = { firstName: null }
        firstName(state, 'Peter')
        expect(state.firstName).toEqual('Peter')
      })
    })

    describe('lastName', () => {
      it('sets the state of lastName', () => {
        const state = { lastName: null }
        lastName(state, 'Lustig')
        expect(state.lastName).toEqual('Lustig')
      })
    })

    describe('newsletterState', () => {
      it('sets the state of newsletterState', () => {
        const state = { newsletterState: null }
        newsletterState(state, true)
        expect(state.newsletterState).toEqual(true)
      })
    })

    describe('publisherId', () => {
      it('sets the state of publisherId', () => {
        const state = {}
        publisherId(state, 42)
        expect(state.publisherId).toEqual(42)
      })

      it('sets publisherId to null with NaN', () => {
        const state = {}
        publisherId(state, 'abc')
        expect(state.publisherId).toEqual(null)
      })
    })

    describe('isAdmin', () => {
      it('sets the state of isAdmin', () => {
        const state = { isAdmin: null }
        isAdmin(state, true)
        expect(state.isAdmin).toEqual(true)
      })
    })

    describe('hasElopage', () => {
      it('sets the state of hasElopage', () => {
        const state = { hasElopage: false }
        hasElopage(state, true)
        expect(state.hasElopage).toBeTruthy()
      })
    })

    describe('hideAmountGDD', () => {
      it('sets the state of hideAmountGDD', () => {
        const state = { hideAmountGDD: false }
        hideAmountGDD(state, false)
        expect(state.hideAmountGDD).toEqual(false)
      })
    })

    describe('hideAmountGDT', () => {
      it('sets the state of hideAmountGDT', () => {
        const state = { hideAmountGDT: true }
        hideAmountGDT(state, true)
        expect(state.hideAmountGDT).toEqual(true)
      })
    })
  })

  describe('actions', () => {
    describe('login', () => {
      const commit = jest.fn()
      const state = {}
      const commitedData = {
        email: 'user@example.org',
        language: 'de',
        firstName: 'Peter',
        lastName: 'Lustig',
        klickTipp: {
          newsletterState: true,
        },
        hasElopage: false,
        publisherId: 1234,
        isAdmin: true,
        hideAmountGDD: false,
        hideAmountGDT: true,
      }

      it('calls eleven commits', () => {
        login({ commit, state }, commitedData)
        expect(commit).toHaveBeenCalledTimes(10)
      })

      it('commits email', () => {
        login({ commit, state }, commitedData)
        expect(commit).toHaveBeenNthCalledWith(1, 'email', 'user@example.org')
      })

      it('commits language', () => {
        login({ commit, state }, commitedData)
        expect(commit).toHaveBeenNthCalledWith(2, 'language', 'de')
      })

      it('commits firstName', () => {
        login({ commit, state }, commitedData)
        expect(commit).toHaveBeenNthCalledWith(3, 'firstName', 'Peter')
      })

      it('commits lastName', () => {
        login({ commit, state }, commitedData)
        expect(commit).toHaveBeenNthCalledWith(4, 'lastName', 'Lustig')
      })

      it('commits newsletterState', () => {
        login({ commit, state }, commitedData)
        expect(commit).toHaveBeenNthCalledWith(5, 'newsletterState', true)
      })

      it('commits hasElopage', () => {
        login({ commit, state }, commitedData)
        expect(commit).toHaveBeenNthCalledWith(6, 'hasElopage', false)
      })

      it('commits publisherId', () => {
        login({ commit, state }, commitedData)
        expect(commit).toHaveBeenNthCalledWith(7, 'publisherId', 1234)
      })

      it('commits isAdmin', () => {
        login({ commit, state }, commitedData)
        expect(commit).toHaveBeenNthCalledWith(8, 'isAdmin', true)
      })

      it('commits hideAmountGDD', () => {
        login({ commit, state }, commitedData)
        expect(commit).toHaveBeenNthCalledWith(9, 'hideAmountGDD', false)
      })

      it('commits hideAmountGDT', () => {
        login({ commit, state }, commitedData)
        expect(commit).toHaveBeenNthCalledWith(10, 'hideAmountGDT', true)
      })
    })

    describe('logout', () => {
      const commit = jest.fn()
      const state = {}

      it('calls eleven commits', () => {
        logout({ commit, state })
        expect(commit).toHaveBeenCalledTimes(10)
      })

      it('commits token', () => {
        logout({ commit, state })
        expect(commit).toHaveBeenNthCalledWith(1, 'token', null)
      })

      it('commits email', () => {
        logout({ commit, state })
        expect(commit).toHaveBeenNthCalledWith(2, 'email', null)
      })

      it('commits firstName', () => {
        logout({ commit, state })
        expect(commit).toHaveBeenNthCalledWith(3, 'firstName', '')
      })

      it('commits lastName', () => {
        logout({ commit, state })
        expect(commit).toHaveBeenNthCalledWith(4, 'lastName', '')
      })

      it('commits newsletterState', () => {
        logout({ commit, state })
        expect(commit).toHaveBeenNthCalledWith(5, 'newsletterState', null)
      })

      it('commits hasElopage', () => {
        logout({ commit, state })
        expect(commit).toHaveBeenNthCalledWith(6, 'hasElopage', false)
      })

      it('commits publisherId', () => {
        logout({ commit, state })
        expect(commit).toHaveBeenNthCalledWith(7, 'publisherId', null)
      })

      it('commits isAdmin', () => {
        logout({ commit, state })
        expect(commit).toHaveBeenNthCalledWith(8, 'isAdmin', false)
      })

      it('commits hideAmountGDD', () => {
        logout({ commit, state })
        expect(commit).toHaveBeenNthCalledWith(9, 'hideAmountGDD', false)
      })

      it('commits hideAmountGDT', () => {
        logout({ commit, state })
        expect(commit).toHaveBeenNthCalledWith(10, 'hideAmountGDT', true)
      })
      // how to get this working?
      it.skip('calls localStorage.clear()', () => {
        const clearStorageMock = jest.fn()
        global.sessionStorage = jest.fn(() => {
          return {
            clear: clearStorageMock,
          }
        })
        logout({ commit, state })
        expect(clearStorageMock).toBeCalled()
      })
    })
  })

  describe('creation of store fails', () => {
    const consoleErrorMock = jest.fn()
    const warnHandler = Vue.config.warnHandler
    beforeEach(() => {
      Vue.config.warnHandler = (w) => {}
      // eslint-disable-next-line no-console
      console.error = consoleErrorMock
      Vuex.Store = () => {
        throw new Error('no-cookies-allowed')
      }
    })

    afterEach(() => {
      Vue.config.warnHandler = warnHandler
    })

    it.skip('logs an error message', () => {
      expect(consoleErrorMock).toBeCalledWith('no-cookies-allowed')
    })
  })
})