mirror of
https://github.com/IT4Change/gradido.git
synced 2025-12-13 07:45:54 +00:00
Add test for admin changes user role
This commit is contained in:
Wolfgang Huß
parent
947ea44448
commit
609fe1ad2b
286
admin/src/components/ChangeUserRoleFormular.spec.js
Normal file
286
admin/src/components/ChangeUserRoleFormular.spec.js
Normal file
@ -0,0 +1,286 @@
|
||||
import { mount } from '@vue/test-utils'
|
||||
import ChangeUserRoleFormular from './ChangeUserRoleFormular.vue'
|
||||
import { setUserRole } from '../graphql/setUserRole'
|
||||
import { toastErrorSpy } from '../../test/testSetup'
|
||||
|
||||
const localVue = global.localVue
|
||||
|
||||
const date = new Date()
|
||||
|
||||
const apolloMutateMock = jest.fn().mockResolvedValue({
|
||||
data: {
|
||||
setUserRole: date,
|
||||
},
|
||||
})
|
||||
|
||||
const mocks = {
|
||||
$t: jest.fn((t) => t),
|
||||
$apollo: {
|
||||
mutate: apolloMutateMock,
|
||||
},
|
||||
$store: {
|
||||
state: {
|
||||
moderator: {
|
||||
id: 0,
|
||||
name: 'test moderator',
|
||||
},
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
const propsData = {
|
||||
item: {},
|
||||
}
|
||||
|
||||
describe('ChangeUserRoleFormular', () => {
|
||||
let wrapper
|
||||
|
||||
const Wrapper = () => {
|
||||
return mount(ChangeUserRoleFormular, { localVue, mocks, propsData })
|
||||
}
|
||||
|
||||
describe('mount', () => {
|
||||
beforeEach(() => {
|
||||
jest.clearAllMocks()
|
||||
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(() => {
|
||||
wrapper.setProps({
|
||||
item: {
|
||||
userId: 0,
|
||||
},
|
||||
})
|
||||
})
|
||||
|
||||
it('shows a text that you cannot change own role', () => {
|
||||
expect(wrapper.text()).toContain('userRole.notChangeYourSelf')
|
||||
})
|
||||
|
||||
it('role select is disabled', () => {
|
||||
expect(wrapper.find('select[disabled="disabled"]').exists()).toBe(true)
|
||||
})
|
||||
})
|
||||
|
||||
describe('change others role', () => {
|
||||
beforeEach(() => {
|
||||
// Wolle: await?
|
||||
wrapper.setProps({
|
||||
item: {
|
||||
userId: 1,
|
||||
isAdmin: null,
|
||||
},
|
||||
})
|
||||
})
|
||||
|
||||
it('shows no text that you cannot change own role', () => {
|
||||
expect(wrapper.text()).not.toContain('userRole.notChangeYourSelf')
|
||||
})
|
||||
|
||||
it('shows the select label', () => {
|
||||
expect(wrapper.text()).toContain('userRole.selectLabel')
|
||||
})
|
||||
|
||||
it('has a select', () => {
|
||||
expect(wrapper.find('select.role-select').exists()).toBe(true)
|
||||
})
|
||||
|
||||
it('role select is enabled', () => {
|
||||
expect(wrapper.find('select.role-select[disabled="disabled"]').exists()).toBe(false)
|
||||
})
|
||||
|
||||
describe('user is usual user', () => {
|
||||
it('select is set to "usual user"', () => {
|
||||
// expect(wrapper.find('option:checked').element.value).toBe('user')
|
||||
expect(wrapper.find('select.role-select').element.value).toBe('user')
|
||||
})
|
||||
})
|
||||
|
||||
describe('user is admin', () => {
|
||||
beforeEach(async () => {
|
||||
await wrapper.setProps({
|
||||
item: {
|
||||
userId: 1,
|
||||
isAdmin: date,
|
||||
},
|
||||
})
|
||||
await wrapper.vm.$nextTick()
|
||||
})
|
||||
|
||||
it.only('select is set to "admin"', () => {
|
||||
// expect(wrapper.find('option:checked').element.value).toBe('admin')
|
||||
expect(wrapper.find('select.role-select').element.value).toBe('admin')
|
||||
})
|
||||
})
|
||||
|
||||
// Wolle
|
||||
// describe('click on select', () => {
|
||||
// beforeEach(async () => {
|
||||
// await wrapper.find('input[type="checkbox"]').setChecked()
|
||||
// })
|
||||
|
||||
// it('has a confirmation button', () => {
|
||||
// expect(wrapper.find('button').exists()).toBeTruthy()
|
||||
// })
|
||||
|
||||
// it('has the button text "delete_user"', () => {
|
||||
// expect(wrapper.find('button').text()).toBe('delete_user')
|
||||
// })
|
||||
|
||||
// describe('confirm delete with success', () => {
|
||||
// beforeEach(async () => {
|
||||
// await wrapper.find('button').trigger('click')
|
||||
// })
|
||||
|
||||
// it('calls the API', () => {
|
||||
// expect(apolloMutateMock).toBeCalledWith(
|
||||
// expect.objectContaining({
|
||||
// mutation: setUserRole,
|
||||
// variables: {
|
||||
// userId: 1,
|
||||
// },
|
||||
// }),
|
||||
// )
|
||||
// })
|
||||
|
||||
// it('emits update deleted At', () => {
|
||||
// expect(wrapper.emitted('updateDeletedAt')).toEqual(
|
||||
// expect.arrayContaining([
|
||||
// expect.arrayContaining([
|
||||
// {
|
||||
// userId: 1,
|
||||
// isAdmin: date,
|
||||
// },
|
||||
// ]),
|
||||
// ]),
|
||||
// )
|
||||
// })
|
||||
|
||||
// it('unchecks the checkbox', () => {
|
||||
// expect(wrapper.find('input').attributes('checked')).toBe(undefined)
|
||||
// })
|
||||
// })
|
||||
|
||||
// describe('confirm delete with error', () => {
|
||||
// beforeEach(async () => {
|
||||
// apolloMutateMock.mockRejectedValue({ message: 'Oh no!' })
|
||||
// await wrapper.find('button').trigger('click')
|
||||
// })
|
||||
|
||||
// it('toasts an error message', () => {
|
||||
// expect(toastErrorSpy).toBeCalledWith('Oh no!')
|
||||
// })
|
||||
// })
|
||||
|
||||
// describe('click on checkbox again', () => {
|
||||
// beforeEach(async () => {
|
||||
// await wrapper.find('input[type="checkbox"]').setChecked(false)
|
||||
// })
|
||||
|
||||
// it('has no confirmation button anymore', () => {
|
||||
// expect(wrapper.find('button').exists()).toBeFalsy()
|
||||
// })
|
||||
// })
|
||||
// })
|
||||
})
|
||||
|
||||
// Wolle
|
||||
// describe.skip('recover user', () => {
|
||||
// beforeEach(() => {
|
||||
// wrapper.setProps({
|
||||
// item: {
|
||||
// userId: 1,
|
||||
// isAdmin: date,
|
||||
// },
|
||||
// })
|
||||
// })
|
||||
|
||||
// it('has a checkbox', () => {
|
||||
// expect(wrapper.find('input[type="checkbox"]').exists()).toBeTruthy()
|
||||
// })
|
||||
|
||||
// it('shows the text "undelete_user"', () => {
|
||||
// expect(wrapper.text()).toBe('undelete_user')
|
||||
// })
|
||||
|
||||
// describe('click on checkbox', () => {
|
||||
// beforeEach(async () => {
|
||||
// apolloMutateMock.mockResolvedValue({
|
||||
// data: {
|
||||
// unDeleteUser: null,
|
||||
// },
|
||||
// })
|
||||
// await wrapper.find('input[type="checkbox"]').setChecked()
|
||||
// })
|
||||
|
||||
// it('has a confirmation button', () => {
|
||||
// expect(wrapper.find('button').exists()).toBeTruthy()
|
||||
// })
|
||||
|
||||
// it('has the button text "undelete_user"', () => {
|
||||
// expect(wrapper.find('button').text()).toBe('undelete_user')
|
||||
// })
|
||||
|
||||
// describe('confirm recover with success', () => {
|
||||
// beforeEach(async () => {
|
||||
// await wrapper.find('button').trigger('click')
|
||||
// })
|
||||
|
||||
// it('calls the API', () => {
|
||||
// expect(apolloMutateMock).toBeCalledWith(
|
||||
// expect.objectContaining({
|
||||
// mutation: unDeleteUser,
|
||||
// variables: {
|
||||
// userId: 1,
|
||||
// },
|
||||
// }),
|
||||
// )
|
||||
// })
|
||||
|
||||
// it('emits update deleted At', () => {
|
||||
// expect(wrapper.emitted('updateDeletedAt')).toEqual(
|
||||
// expect.arrayContaining([
|
||||
// expect.arrayContaining([
|
||||
// {
|
||||
// userId: 1,
|
||||
// isAdmin: null,
|
||||
// },
|
||||
// ]),
|
||||
// ]),
|
||||
// )
|
||||
// })
|
||||
|
||||
// it('unchecks the checkbox', () => {
|
||||
// expect(wrapper.find('input').attributes('checked')).toBe(undefined)
|
||||
// })
|
||||
// })
|
||||
|
||||
// describe('confirm recover with error', () => {
|
||||
// beforeEach(async () => {
|
||||
// apolloMutateMock.mockRejectedValue({ message: 'Oh no!' })
|
||||
// await wrapper.find('button').trigger('click')
|
||||
// })
|
||||
|
||||
// it('toasts an error message', () => {
|
||||
// expect(toastErrorSpy).toBeCalledWith('Oh no!')
|
||||
// })
|
||||
// })
|
||||
|
||||
// describe('click on checkbox again', () => {
|
||||
// beforeEach(async () => {
|
||||
// await wrapper.find('input[type="checkbox"]').setChecked(false)
|
||||
// })
|
||||
|
||||
// it('has no confirmation button anymore', () => {
|
||||
// expect(wrapper.find('button').exists()).toBeFalsy()
|
||||
// })
|
||||
// })
|
||||
// })
|
||||
// })
|
||||
})
|
||||
})
|
||||
@ -199,14 +199,34 @@ describe('UserSearch', () => {
|
||||
})
|
||||
})
|
||||
|
||||
describe('change user role', () => {
|
||||
const userId = 4
|
||||
|
||||
it('to admin', async () => {
|
||||
const now = new Date()
|
||||
await wrapper
|
||||
.findComponent({ name: 'SearchUserTable' })
|
||||
.vm.$emit('updateIsAdmin', userId, now)
|
||||
expect(wrapper.vm.searchResult.find((obj) => obj.userId === userId).isAdmin).toEqual(now)
|
||||
})
|
||||
|
||||
it('to usual user', async () => {
|
||||
await wrapper
|
||||
.findComponent({ name: 'SearchUserTable' })
|
||||
.vm.$emit('updateIsAdmin', userId, null)
|
||||
expect(wrapper.vm.searchResult.find((obj) => obj.userId === userId).isAdmin).toEqual(null)
|
||||
})
|
||||
})
|
||||
|
||||
describe('delete user', () => {
|
||||
const now = new Date()
|
||||
const userId = 4
|
||||
beforeEach(async () => {
|
||||
wrapper.findComponent({ name: 'SearchUserTable' }).vm.$emit('updateDeletedAt', 4, now)
|
||||
wrapper.findComponent({ name: 'SearchUserTable' }).vm.$emit('updateDeletedAt', userId, now)
|
||||
})
|
||||
|
||||
it('marks the user as deleted', () => {
|
||||
expect(wrapper.vm.searchResult.find((obj) => obj.userId === 4).deletedAt).toEqual(now)
|
||||
expect(wrapper.vm.searchResult.find((obj) => obj.userId === userId).deletedAt).toEqual(now)
|
||||
})
|
||||
|
||||
it('toasts a success message', () => {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user