diff --git a/webapp/components/ShoutButton.spec.js b/webapp/components/ShoutButton.spec.js index 2b8f5040b..c3af134c1 100644 --- a/webapp/components/ShoutButton.spec.js +++ b/webapp/components/ShoutButton.spec.js @@ -1,34 +1,19 @@ -import { shallowMount } from '@vue/test-utils' import { mount } from '@vue/test-utils' import ShoutButton from './ShoutButton.vue' -import Vuex from 'vuex' import Vue from 'vue' const localVue = global.localVue describe('ShoutButton.vue', () => { - let wrapper - let state let mocks beforeEach(() => { mocks = { - $filters: { - truncate: (a) => a, - }, - $toast: { - success: () => {}, - error: () => {}, - }, $t: jest.fn(), $apollo: { - mutate: jest.fn() + mutate: jest.fn(), }, } - state = { - open: null, - data: {}, - } }) describe('mount', () => { @@ -43,15 +28,15 @@ describe('ShoutButton.vue', () => { it('renders button and text', () => { expect(mocks.$t).toHaveBeenCalledWith('shoutButton.shouted') - expect(wrapper.findAll(".base-button")).toHaveLength(1) - expect(wrapper.findAll(".shout-button-text")).toHaveLength(1) + expect(wrapper.findAll('.base-button')).toHaveLength(1) + expect(wrapper.findAll('.shout-button-text')).toHaveLength(1) expect(wrapper.vm.shouted).toBe(false) expect(wrapper.vm.shoutedCount).toBe(0) }) it('toggle the button', async () => { - mocks.$apollo.mutate = jest.fn().mockResolvedValue({ data: { shout: 'WeDoShout' } }); - wrapper.find(".base-button").trigger('click') + mocks.$apollo.mutate = jest.fn().mockResolvedValue({ data: { shout: 'WeDoShout' } }) + wrapper.find('.base-button').trigger('click') expect(wrapper.vm.shouted).toBe(true) expect(wrapper.vm.shoutedCount).toBe(1) await Vue.nextTick() @@ -60,14 +45,13 @@ describe('ShoutButton.vue', () => { }) it('toggle the button, but backend fails', async () => { - mocks.$apollo.mutate = jest.fn().mockRejectedValue({ message: 'Ouch!' }); - await wrapper.find(".base-button").trigger('click') + mocks.$apollo.mutate = jest.fn().mockRejectedValue({ message: 'Ouch!' }) + await wrapper.find('.base-button').trigger('click') expect(wrapper.vm.shouted).toBe(true) expect(wrapper.vm.shoutedCount).toBe(1) await Vue.nextTick() expect(wrapper.vm.shouted).toBe(false) expect(wrapper.vm.shoutedCount).toBe(0) }) - }) })