ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-12 23:35:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(webapp): remove warnings in unit tests (#8556)

Browse Source 
* refactor(webapp): remove warnings in unit tests
This commit is contained in:
Moriz Wahl 2025-05-28 00:10:58 +02:00 committed by GitHub
parent a3178a91b4
commit 903ce7071f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 44 additions and 190 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
webapp/__mocks__/vue/index.js Normal file
View File

@ -0,0 +1,6 @@
import Vue from 'vue'
Vue.config.productionTip = false
Vue.config.devtools = false
export default Vue

1
webapp/components/Modal/DeleteUserModal.spec.js
View File

@ -6,6 +6,7 @@ const localVue = global.localVue
const stubs = {
'sweetalert-icon': true,
'nuxt-link': true,
'client-only': true,
}
localVue.use(DeleteUserModal)

1
webapp/components/generic/SearchableInput/SearchableInput.spec.js
View File

@ -11,6 +11,7 @@ localVue.filter('dateTime', () => Date.now)
const stubs = {
'nuxt-link': true,
'client-only': true,
}
describe('SearchableInput.vue', () => {

3
webapp/layouts/default.spec.js
View File

@ -40,6 +40,9 @@ describe('default.vue', () => {
return { showChat: false, roomID: null }
},
},
mutations: {
'chat/SET_OPEN_CHAT': jest.fn(),
},
})
})

201
webapp/pages/settings/__snapshots__/notifications.spec.js.snap
View File

@ -1,202 +1,53 @@
// 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-top: 16px; margin-bottom: 16px;"
>
<div
class="ds-space"
style="margin-bottom: 8px;"
>
<h4>
settings.notifications.post
</h4>
<article class="base-card">
<h2 class="title">settings.notifications.name</h2>
<div class="ds-space" style="margin-top: 16px; margin-bottom: 16px;">
<div class="ds-space" style="margin-bottom: 8px;">
<h4>settings.notifications.post</h4>
</div>
<div
class="notifcation-settings-section"
>
<div
class="ds-space"
style="margin-bottom: 8px;"
>
<input
id="commentOnObservedPost"
type="checkbox"
/>
<label
class="label"
for="commentOnObservedPost"
>
<div class="notifcation-settings-section">
<div class="ds-space" style="margin-bottom: 8px;"><input id="commentOnObservedPost" type="checkbox"> <label for="commentOnObservedPost" class="label">
settings.notifications.commentOnObservedPost
</label>
</div>
<div
class="ds-space"
style="margin-bottom: 8px;"
>
<input
id="mention"
type="checkbox"
/>
<label
class="label"
for="mention"
>
</label></div>
<div class="ds-space" style="margin-bottom: 8px;"><input id="mention" type="checkbox"> <label for="mention" class="label">
settings.notifications.mention
</label>
</div>
</label></div>
</div>
</div>
<div
class="ds-space"
style="margin-top: 16px; margin-bottom: 16px;"
>
<div
class="ds-space"
style="margin-bottom: 8px;"
>
<h4>
settings.notifications.group
</h4>
<div class="ds-space" style="margin-top: 16px; margin-bottom: 16px;">
<div class="ds-space" style="margin-bottom: 8px;">
<h4>settings.notifications.group</h4>
</div>
<div
class="notifcation-settings-section"
>
<div
class="ds-space"
style="margin-bottom: 8px;"
>
<input
id="groupMemberJoined"
type="checkbox"
/>
<label
class="label"
for="groupMemberJoined"
>
<div class="notifcation-settings-section">
<div class="ds-space" style="margin-bottom: 8px;"><input id="groupMemberJoined" type="checkbox"> <label for="groupMemberJoined" class="label">
settings.notifications.groupMemberJoined
</label>
</div>
<div
class="ds-space"
style="margin-bottom: 8px;"
>
<input
id="groupMemberLeft"
type="checkbox"
/>
<label
class="label"
for="groupMemberLeft"
>
</label></div>
<div class="ds-space" style="margin-bottom: 8px;"><input id="groupMemberLeft" type="checkbox"> <label for="groupMemberLeft" class="label">
settings.notifications.groupMemberLeft
</label>
</div>
<div
class="ds-space"
style="margin-bottom: 8px;"
>
<input
id="groupMemberRemoved"
type="checkbox"
/>
<label
class="label"
for="groupMemberRemoved"
>
</label></div>
<div class="ds-space" style="margin-bottom: 8px;"><input id="groupMemberRemoved" type="checkbox"> <label for="groupMemberRemoved" class="label">
settings.notifications.groupMemberRemoved
</label>
</div>
<div
class="ds-space"
style="margin-bottom: 8px;"
>
<input
id="groupMemberRoleChanged"
type="checkbox"
/>
<label
class="label"
for="groupMemberRoleChanged"
>
</label></div>
<div class="ds-space" style="margin-bottom: 8px;"><input id="groupMemberRoleChanged" type="checkbox"> <label for="groupMemberRoleChanged" class="label">
settings.notifications.groupMemberRoleChanged
</label>
</div>
</label></div>
</div>
</div>
<div
class="ds-space"
style="margin-top: 24px; margin-bottom: 8px;"
>
<button
class="base-button"
type="button"
>
<div class="ds-space" style="margin-top: 24px; margin-bottom: 8px;"><button type="button" class="base-button">
<!---->
<!---->
settings.notifications.checkAll
</button>
<button
class="base-button"
type="button"
>
</button> <button type="button" class="base-button">
<!---->
<!---->
settings.notifications.uncheckAll
</button>
<button
class="save-button base-button --filled"
disabled="disabled"
type="button"
>
</button> <button disabled="disabled" type="button" class="save-button base-button --filled">
<!---->
<!---->
actions.save
</button>
</div>
</button></div>
<!---->
</article>
`;

22
webapp/pages/settings/notifications.spec.js
View File

@ -1,12 +1,10 @@
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
describe('notifications.vue', () => {
let wrapper
let mocks
let store
@ -70,20 +68,14 @@ describe('notifications.vue', () => {
})
describe('mount', () => {
const Wrapper = () => {
return mount(Notifications, {
store,
mocks,
localVue,
})
}
beforeEach(() => {
wrapper = Wrapper()
})
it('renders', () => {
expect(wrapper.element).toMatchSnapshot()
expect(
render(Notifications, {
store,
mocks,
localVue,
}),
).toMatchSnapshot()
})
})