gradido/admin/src/components/ChangeUserRoleFormular.spec.js

import { mount } from '@vue/test-utils'
import ChangeUserRoleFormular from './ChangeUserRoleFormular.vue'
import { setUserRole } from '../graphql/setUserRole'
import { toastSuccessSpy, toastErrorSpy } from '../../test/testSetup'

const localVue = global.localVue

const apolloMutateMock = jest.fn().mockResolvedValue({
  data: {
    setUserRole: null,
  },
})

const mocks = {
  $t: jest.fn((t) => t),
  $apollo: {
    mutate: apolloMutateMock,
  },
  $store: {
    state: {
      moderator: {
        id: 0,
        name: 'test moderator',
      },
    },
  },
}

let propsData
let wrapper

describe('ChangeUserRoleFormular', () => {
  const Wrapper = () => {
    return mount(ChangeUserRoleFormular, { localVue, mocks, propsData })
  }

  describe('mount', () => {
    beforeEach(() => {
      jest.clearAllMocks()
    })

    describe('DOM has', () => {
      beforeEach(() => {
        propsData = {
          item: {
            userId: 1,
            isAdmin: null,
          },
        }
        wrapper = Wrapper()
      })

      it('has a DIV element with the class.delete-user-formular', () => {
        expect(wrapper.find('.change-user-role-formular').exists()).toBe(true)
      })
    })

    describe('change own role', () => {
      beforeEach(() => {
        propsData = {
          item: {
            userId: 0,
            isAdmin: null,
          },
        }
        wrapper = Wrapper()
      })

      it('has the text that you cannot change own role', () => {
        expect(wrapper.text()).toContain('userRole.notChangeYourSelf')
      })

      it('has role select disabled', () => {
        expect(wrapper.find('select[disabled="disabled"]').exists()).toBe(true)
      })
    })

    describe('change others role', () => {
      let rolesToSelect

      describe('general', () => {
        beforeEach(() => {
          propsData = {
            item: {
              userId: 1,
              isAdmin: null,
            },
          }
          wrapper = Wrapper()
          rolesToSelect = wrapper.find('select.role-select').findAll('option')
        })

        it('has no text that you cannot change own role', () => {
          expect(wrapper.text()).not.toContain('userRole.notChangeYourSelf')
        })

        it('has the select label', () => {
          expect(wrapper.text()).toContain('userRole.selectLabel')
        })

        it('has a select', () => {
          expect(wrapper.find('select.role-select').exists()).toBe(true)
        })

        it('has role select enabled', () => {
          expect(wrapper.find('select.role-select[disabled="disabled"]').exists()).toBe(false)
        })

        describe('on API error', () => {
          beforeEach(() => {
            apolloMutateMock.mockRejectedValue({ message: 'Oh no!' })
            rolesToSelect.at(1).setSelected()
          })

          it('toasts an error message', () => {
            expect(toastErrorSpy).toBeCalledWith('Oh no!')
          })
        })
      })

      describe('user is usual user', () => {
        beforeEach(() => {
          apolloMutateMock.mockResolvedValue({
            data: {
              setUserRole: new Date(),
            },
          })
          propsData = {
            item: {
              userId: 1,
              isAdmin: null,
            },
          }
          wrapper = Wrapper()
          rolesToSelect = wrapper.find('select.role-select').findAll('option')
        })

        it('has selected option set to "usual user"', () => {
          expect(wrapper.find('select.role-select').element.value).toBe('user')
        })

        describe('change select to', () => {
          describe('same role', () => {
            it('does not call the API', () => {
              rolesToSelect.at(0).setSelected()
              expect(apolloMutateMock).not.toHaveBeenCalled()
            })
          })

          describe('new role', () => {
            beforeEach(() => {
              rolesToSelect.at(1).setSelected()
            })

            it('calls the API', () => {
              expect(apolloMutateMock).toBeCalledWith(
                expect.objectContaining({
                  mutation: setUserRole,
                  variables: {
                    userId: 1,
                    isAdmin: true,
                  },
                }),
              )
            })

            it('emits "updateIsAdmin"', () => {
              expect(wrapper.emitted('updateIsAdmin')).toEqual(
                expect.arrayContaining([
                  expect.arrayContaining([
                    {
                      userId: 1,
                      isAdmin: expect.any(Date),
                    },
                  ]),
                ]),
              )
            })

            it('toasts success message', () => {
              expect(toastSuccessSpy).toBeCalledWith('userRole.successfullyChangedTo')
            })
          })
        })
      })

      describe('user is admin', () => {
        beforeEach(() => {
          apolloMutateMock.mockResolvedValue({
            data: {
              setUserRole: null,
            },
          })
          propsData = {
            item: {
              userId: 1,
              isAdmin: new Date(),
            },
          }
          wrapper = Wrapper()
          rolesToSelect = wrapper.find('select.role-select').findAll('option')
        })

        it('has selected option set to "admin"', () => {
          expect(wrapper.find('select.role-select').element.value).toBe('admin')
        })

        describe('change select to', () => {
          describe('same role', () => {
            it('does not call the API', () => {
              rolesToSelect.at(1).setSelected()
              expect(apolloMutateMock).not.toHaveBeenCalled()
            })
          })

          describe('new role', () => {
            beforeEach(() => {
              rolesToSelect.at(0).setSelected()
            })

            it('calls the API', () => {
              expect(apolloMutateMock).toBeCalledWith(
                expect.objectContaining({
                  mutation: setUserRole,
                  variables: {
                    userId: 1,
                    isAdmin: false,
                  },
                }),
              )
            })

            it('emits "updateIsAdmin"', () => {
              expect(wrapper.emitted('updateIsAdmin')).toEqual(
                expect.arrayContaining([
                  expect.arrayContaining([
                    {
                      userId: 1,
                      isAdmin: null,
                    },
                  ]),
                ]),
              )
            })

            it('toasts success message', () => {
              expect(toastSuccessSpy).toBeCalledWith('userRole.successfullyChangedTo')
            })
          })
        })
      })
    })
  })
})