diff --git a/webapp/components/ShoutButton.spec.js b/webapp/components/ShoutButton.spec.js
new file mode 100644
index 000000000..2b8f5040b
--- /dev/null
+++ b/webapp/components/ShoutButton.spec.js
@@ -0,0 +1,73 @@
+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()
+      },
+    }
+    state = {
+      open: null,
+      data: {},
+    }
+  })
+
+  describe('mount', () => {
+    let wrapper
+    const Wrapper = () => {
+      return mount(ShoutButton, { mocks, localVue })
+    }
+
+    beforeEach(() => {
+      wrapper = Wrapper()
+    })
+
+    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.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')
+      expect(wrapper.vm.shouted).toBe(true)
+      expect(wrapper.vm.shoutedCount).toBe(1)
+      await Vue.nextTick()
+      expect(wrapper.vm.shouted).toBe(true)
+      expect(wrapper.vm.shoutedCount).toBe(1)
+    })
+
+    it('toggle the button, but backend fails', async () => {
+      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)
+    })
+
+  })
+})