gradido/frontend/src/pages/thx.spec.js

import { mount } from '@vue/test-utils'
import Thx from './thx'

const localVue = global.localVue

const createMockObject = (comingFrom) => {
  return {
    $t: jest.fn((t) => t),
    $route: {
      params: {
        comingFrom,
      },
    },
  }
}

describe('Thx', () => {
  let wrapper

  const Wrapper = (mocks) => {
    return mount(Thx, { localVue, mocks })
  }

  describe('mount', () => {
    beforeEach(() => {
      wrapper = Wrapper(createMockObject('forgotPassword'))
    })

    it('renders the thx page', () => {
      expect(wrapper.find('div.header').exists()).toBeTruthy()
    })

    it('renders the title', () => {
      expect(wrapper.find('p.h1').text()).toBe('site.thx.title')
    })
  })

  describe('coming from /forgot-password', () => {
    beforeEach(() => {
      wrapper = Wrapper(createMockObject('forgotPassword'))
    })

    it('renders the thanks text', () => {
      expect(wrapper.find('p.h4').text()).toBe('site.thx.email')
    })

    it('renders the thanks redirect button', () => {
      expect(wrapper.find('a.btn').text()).toBe('login')
    })

    it('links the redirect button to /login', () => {
      expect(wrapper.find('a.btn').attributes('href')).toBe('/login')
    })
  })

  describe('coming from /reset-password', () => {
    beforeEach(() => {
      wrapper = Wrapper(createMockObject('resetPassword'))
    })

    it('renders the thanks text', () => {
      expect(wrapper.find('p.h4').text()).toBe('site.thx.reset')
    })

    it('renders the thanks redirect button', () => {
      expect(wrapper.find('a.btn').text()).toBe('login')
    })

    it('links the redirect button to /login', () => {
      expect(wrapper.find('a.btn').attributes('href')).toBe('/login')
    })
  })

  describe('coming from /register', () => {
    beforeEach(() => {
      wrapper = Wrapper(createMockObject('register'))
    })

    it('renders the thanks text', () => {
      expect(wrapper.find('p.h4').text()).toBe('site.thx.register')
    })
  })

  describe('coming from /login', () => {
    beforeEach(() => {
      wrapper = Wrapper(createMockObject('login'))
    })

    it('renders the thanks text', () => {
      expect(wrapper.find('p.h4').text()).toBe('site.thx.activateEmail')
    })

    it('renders the thanks redirect button', () => {
      expect(wrapper.find('a.btn').text()).toBe('settings.password.reset')
    })

    it('links the redirect button to /forgot-password', () => {
      expect(wrapper.find('a.btn').attributes('href')).toBe('/forgot-password')
    })
  })
})