Ocelot-Social/webapp/pages/password-reset.spec.js

import { mount, createLocalVue } from '@vue/test-utils'
import PasswordResetPage from './password-reset.vue'
import Styleguide from '@human-connection/styleguide'

const localVue = createLocalVue()

localVue.use(Styleguide)

describe('ProfileSlug', () => {
  let wrapper
  let Wrapper
  let mocks

  beforeEach(() => {
    mocks = {
      $toast: {
        success: jest.fn(),
        error: jest.fn(),
      },
      $t: jest.fn(),
      $apollo: {
        loading: false,
        mutate: jest.fn().mockResolvedValue({ data: { reqestPasswordReset: true } }),
      },
    }
  })

  describe('mount', () => {
    Wrapper = () => {
      return mount(PasswordResetPage, {
        mocks,
        localVue,
      })
    }

    it('renders a password reset form', () => {
      wrapper = Wrapper()
      expect(wrapper.find('.password-reset-card').exists()).toBe(true)
    })

    describe('submit', () => {
      beforeEach(async () => {
        wrapper = Wrapper()
        wrapper.find('input#email').setValue('mail@example.org')
        await wrapper.find('form').trigger('submit')
      })

      it('calls requestPasswordReset graphql mutation', () => {
        expect(mocks.$apollo.mutate).toHaveBeenCalled()
      })

      it('delivers email to backend', () => {
        const expected = expect.objectContaining({ variables: { email: 'mail@example.org' } })
        expect(mocks.$apollo.mutate).toHaveBeenCalledWith(expected)
      })

      it('hides form to avoid re-submission', () => {
        expect(wrapper.find('form').exists()).not.toBeTruthy()
      })

      it('displays a message that a password email was requested', () => {
        const expected = ['password-reset.form.submitted', { email: 'mail@example.org' }]
        expect(mocks.$t).toHaveBeenCalledWith(...expected)
      })
    })

    describe('given password reset token as URL param', () => {
      it.todo('displays a form to update your password')
      describe('submitting new password', () => {
        it.todo('calls resetPassword graphql mutation')
        it.todo('delivers new password to backend')
        it.todo('displays success message')
      })
    })
  })
})