mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-13 07:46:06 +00:00
Update notification settings tests
This commit is contained in:
Maximilian Harz
parent
2eed5ab2b3
commit
7143dd30b0
143
webapp/pages/settings/__snapshots__/notifications.spec.js.snap
Normal file
143
webapp/pages/settings/__snapshots__/notifications.spec.js.snap
Normal file
@ -0,0 +1,143 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`notifications.vue mount renders 1`] = `
|
||||
<article
|
||||
class="base-card"
|
||||
>
|
||||
<h2
|
||||
class="title"
|
||||
>
|
||||
settings.notifications.name
|
||||
</h2>
|
||||
|
||||
<div
|
||||
class="ds-space"
|
||||
style="margin-bottom: 16px;"
|
||||
>
|
||||
<h3>
|
||||
settings.notifications.post
|
||||
</h3>
|
||||
|
||||
<div>
|
||||
<input
|
||||
id="commentOnObservedPost"
|
||||
type="checkbox"
|
||||
/>
|
||||
|
||||
<label
|
||||
for="commentOnObservedPost"
|
||||
>
|
||||
settings.notifications.commentOnObservedPost
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<input
|
||||
id="mention"
|
||||
type="checkbox"
|
||||
/>
|
||||
|
||||
<label
|
||||
for="mention"
|
||||
>
|
||||
settings.notifications.mention
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ds-space"
|
||||
style="margin-bottom: 16px;"
|
||||
>
|
||||
<h3>
|
||||
settings.notifications.group
|
||||
</h3>
|
||||
|
||||
<div>
|
||||
<input
|
||||
id="groupMemberJoined"
|
||||
type="checkbox"
|
||||
/>
|
||||
|
||||
<label
|
||||
for="groupMemberJoined"
|
||||
>
|
||||
settings.notifications.groupMemberJoined
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<input
|
||||
id="groupMemberLeft"
|
||||
type="checkbox"
|
||||
/>
|
||||
|
||||
<label
|
||||
for="groupMemberLeft"
|
||||
>
|
||||
settings.notifications.groupMemberLeft
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<input
|
||||
id="groupMemberRemoved"
|
||||
type="checkbox"
|
||||
/>
|
||||
|
||||
<label
|
||||
for="groupMemberRemoved"
|
||||
>
|
||||
settings.notifications.groupMemberRemoved
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<input
|
||||
id="groupMemberRoleChanged"
|
||||
type="checkbox"
|
||||
/>
|
||||
|
||||
<label
|
||||
for="groupMemberRoleChanged"
|
||||
>
|
||||
settings.notifications.groupMemberRoleChanged
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button
|
||||
class="base-button"
|
||||
type="button"
|
||||
>
|
||||
<!---->
|
||||
|
||||
<!---->
|
||||
|
||||
settings.notifications.checkAll
|
||||
|
||||
</button>
|
||||
|
||||
<button
|
||||
class="base-button"
|
||||
type="button"
|
||||
>
|
||||
<!---->
|
||||
|
||||
<!---->
|
||||
|
||||
settings.notifications.uncheckAll
|
||||
|
||||
</button>
|
||||
|
||||
<button
|
||||
class="save-button base-button --filled"
|
||||
disabled="disabled"
|
||||
type="button"
|
||||
>
|
||||
<!---->
|
||||
|
||||
<!---->
|
||||
|
||||
actions.save
|
||||
|
||||
</button>
|
||||
|
||||
<!---->
|
||||
</article>
|
||||
`;
|
||||
@ -1,5 +1,6 @@
|
||||
import Vuex from 'vuex'
|
||||
import { mount } from '@vue/test-utils'
|
||||
import {render, fireEvent, screen} from '@testing-library/vue'
|
||||
import Notifications from './notifications.vue'
|
||||
|
||||
const localVue = global.localVue
|
||||
@ -11,7 +12,7 @@ describe('notifications.vue', () => {
|
||||
|
||||
beforeEach(() => {
|
||||
mocks = {
|
||||
$t: jest.fn(),
|
||||
$t: jest.fn(v => v),
|
||||
$apollo: {
|
||||
mutate: jest.fn(),
|
||||
},
|
||||
@ -26,15 +27,42 @@ describe('notifications.vue', () => {
|
||||
return {
|
||||
id: 'u343',
|
||||
name: 'MyAccount',
|
||||
emailNotificationSettings: {
|
||||
commentOnObservedPost: true,
|
||||
postByFollowedUser: true,
|
||||
postInGroup: true,
|
||||
groupMemberJoined: false,
|
||||
groupMemberLeft: false,
|
||||
groupMemberRemoved: false,
|
||||
groupMemberRoleChanged: false,
|
||||
},
|
||||
emailNotificationSettings: [
|
||||
{
|
||||
type: "post",
|
||||
settings: [
|
||||
{
|
||||
name: "commentOnObservedPost",
|
||||
value: true,
|
||||
},
|
||||
{
|
||||
name: "mention",
|
||||
value: false,
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
type: "group",
|
||||
settings: [
|
||||
{
|
||||
name: "groupMemberJoined",
|
||||
value: true,
|
||||
},
|
||||
{
|
||||
name: "groupMemberLeft",
|
||||
value: true,
|
||||
},
|
||||
{
|
||||
name: "groupMemberRemoved",
|
||||
value: false,
|
||||
},
|
||||
{
|
||||
name: "groupMemberRoleChanged",
|
||||
value: true,
|
||||
}
|
||||
],
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
},
|
||||
@ -55,43 +83,57 @@ describe('notifications.vue', () => {
|
||||
})
|
||||
|
||||
it('renders', () => {
|
||||
expect(wrapper.classes('base-card')).toBe(true)
|
||||
// TODO snapshot match
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
|
||||
it('activate all button works', async () => {
|
||||
await wrapper.find('#activate-all').trigger('click')
|
||||
expect(wrapper.vm.emailNotificationSettings).toEqual({
|
||||
commentOnObservedPost: true,
|
||||
postByFollowedUser: true,
|
||||
postInGroup: true,
|
||||
groupMemberJoined: true,
|
||||
groupMemberLeft: true,
|
||||
groupMemberRemoved: true,
|
||||
groupMemberRoleChanged: true,
|
||||
describe('Notifications', () => {
|
||||
beforeEach(() => {
|
||||
render(Notifications, {
|
||||
store,
|
||||
mocks,
|
||||
localVue,
|
||||
})
|
||||
})
|
||||
|
||||
it('deactivate all button works', async () => {
|
||||
await wrapper.find('#deactivate-all').trigger('click')
|
||||
expect(wrapper.vm.emailNotificationSettings).toEqual({
|
||||
commentOnObservedPost: false,
|
||||
postByFollowedUser: false,
|
||||
postInGroup: false,
|
||||
groupMemberJoined: false,
|
||||
groupMemberLeft: false,
|
||||
groupMemberRemoved: false,
|
||||
groupMemberRoleChanged: false,
|
||||
})
|
||||
it('check all button works', async () => {
|
||||
const button = screen.getByText('settings.notifications.checkAll')
|
||||
await fireEvent.click(button)
|
||||
|
||||
const checkboxes = screen.getAllByRole('checkbox')
|
||||
for (const checkbox of checkboxes) {
|
||||
expect(checkbox.checked).toEqual(true)
|
||||
}
|
||||
|
||||
// Check that the button is disabled
|
||||
expect(button.disabled).toBe(true)
|
||||
})
|
||||
|
||||
it('clicking on submit with a server error shows a toast and emailSettings stay the same', async () => {
|
||||
// TODO
|
||||
it('uncheck all button works', async () => {
|
||||
const button = screen.getByText('settings.notifications.uncheckAll')
|
||||
await fireEvent.click(button)
|
||||
|
||||
const checkboxes = screen.getAllByRole('checkbox')
|
||||
for (const checkbox of checkboxes) {
|
||||
expect(checkbox.checked).toEqual(false)
|
||||
}
|
||||
|
||||
// Check that the button is disabled
|
||||
expect(button.disabled).toBe(true)
|
||||
})
|
||||
|
||||
it('clicking on submit with a server error shows a toast', async () => {
|
||||
mocks.$apollo.mutate = jest.fn().mockRejectedValue({ message: 'Ouch!' })
|
||||
await wrapper.find('#send-email').setChecked(false)
|
||||
await wrapper.find('.base-button').trigger('click')
|
||||
|
||||
// Change some value to enable save button
|
||||
const checkbox = screen.getAllByRole('checkbox')[0]
|
||||
await fireEvent.click(checkbox)
|
||||
|
||||
// Click save button
|
||||
const button = screen.getByText('actions.save')
|
||||
await fireEvent.click(button)
|
||||
|
||||
expect(mocks.$toast.error).toHaveBeenCalledWith('Ouch!')
|
||||
expect(wrapper.vm.notifyByEmail).toBe(true)
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user