mirror of
https://github.com/IT4Change/Ocelot-Social.git
synced 2026-01-18 10:51:26 +00:00
c090db3866
Adds a link to badges settings in the user table, where admins can set the available badges.
47 lines
929 B
JavaScript
47 lines
929 B
JavaScript
import { render, fireEvent, screen } from '@testing-library/vue'
|
|
import BadgesSection from './BadgesSection.vue'
|
|
|
|
const localVue = global.localVue
|
|
|
|
const badge1 = {
|
|
id: 'badge1',
|
|
icon: 'icon1',
|
|
type: 'type1',
|
|
description: 'description1',
|
|
isActive: true,
|
|
}
|
|
const badge2 = {
|
|
id: 'badge2',
|
|
icon: 'icon2',
|
|
type: 'type1',
|
|
description: 'description2',
|
|
isActive: false,
|
|
}
|
|
|
|
describe('Admin/BadgesSection', () => {
|
|
let wrapper
|
|
|
|
const Wrapper = () => {
|
|
return render(BadgesSection, {
|
|
localVue,
|
|
propsData: {
|
|
badges: [badge1, badge2],
|
|
},
|
|
})
|
|
}
|
|
|
|
beforeEach(() => {
|
|
wrapper = Wrapper()
|
|
})
|
|
|
|
it('renders', () => {
|
|
expect(wrapper.baseElement).toMatchSnapshot()
|
|
})
|
|
|
|
it('emits toggleButton', async () => {
|
|
const button = screen.getByAltText(badge1.description)
|
|
await fireEvent.click(button)
|
|
expect(wrapper.emitted().toggleBadge[0][0]).toEqual(badge1)
|
|
})
|
|
})
|