gradido/frontend/src/components/TransactionRows/Name.spec.js

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

const localVue = global.localVue

const routerPushMock = jest.fn()

const mocks = {
  $router: {
    push: routerPushMock,
  },
  $route: {
    path: '/transactions',
  },
}

const propsData = {
  text: 'Plaintext Name',
}

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

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

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

    it('renders the component', () => {
      expect(wrapper.find('div.name').exists()).toBe(true)
    })

    describe('without linked user', () => {
      it('has a span with the text', () => {
        expect(wrapper.find('div.gdd-transaction-list-item-name').text()).toBe('Plaintext Name')
      })

      it('has no link', () => {
        expect(wrapper.find('div.gdd-transaction-list-item-name').find('a').exists()).toBe(false)
      })
    })

    describe('with linked user', () => {
      beforeEach(async () => {
        await wrapper.setProps({
          linkedUser: { firstName: 'Bibi', lastName: 'Bloxberg', gradidoID: 'gradido-ID' },
        })
      })

      it('has a link with first and last name', () => {
        expect(wrapper.find('div.gdd-transaction-list-item-name').text()).toBe('Bibi Bloxberg')
      })

      it('has a link', () => {
        expect(wrapper.find('div.gdd-transaction-list-item-name').find('a').exists()).toBe(true)
      })

      describe('click link', () => {
        beforeEach(async () => {
          await wrapper.find('div.gdd-transaction-list-item-name').find('a').trigger('click')
        })

        it('pushes router to send', () => {
          expect(routerPushMock).toBeCalledWith({
            path: '/send',
          })
        })

        it('pushes query for gradidoID', () => {
          expect(routerPushMock).toBeCalledWith({
            query: {
              gradidoID: 'gradido-ID',
            },
          })
        })
      })
    })
  })
})