diff --git a/components/Modal.spec.js b/components/Modal.spec.js
index 367304ba4..90532de2a 100644
--- a/components/Modal.spec.js
+++ b/components/Modal.spec.js
@@ -1,4 +1,4 @@
-import { mount, createLocalVue } from '@vue/test-utils'
+import { shallowMount, mount, createLocalVue } from '@vue/test-utils'
import Modal from './Modal.vue'
import Vue from 'vue'
import Vuex from 'vuex'
@@ -12,23 +12,13 @@ localVue.use(Styleguide)
describe('Modal.vue', () => {
let Wrapper
+ let wrapper
let store
let state
let mocks
- beforeEach(() => {
- mocks = {
- $t: () => {}
- }
- state = {
- open: null,
- data: {}
- }
- })
-
- describe('mount', () => {
- let wrapper
- const Wrapper = () => {
+ const createWrapper = mountMethod => {
+ return () => {
store = new Vuex.Store({
state,
getters: {
@@ -39,25 +29,46 @@ describe('Modal.vue', () => {
'modal/SET_OPEN': mutations.SET_OPEN
}
})
- return mount(Modal, { store, mocks, localVue })
+ return mountMethod(Modal, { store, mocks, localVue })
}
+ }
+
+ beforeEach(() => {
+ mocks = {
+ $filters: {
+ truncate: a => a
+ },
+ $toast: {
+ success: () => {},
+ error: () => {}
+ },
+ $t: () => {}
+ }
+ state = {
+ open: null,
+ data: {}
+ }
+ })
+
+ describe('shallowMount', () => {
+ const Wrapper = createWrapper(shallowMount)
it('renders nothing', () => {
wrapper = Wrapper()
expect(wrapper.isEmpty()).toBe(true)
})
- describe('store opens a report', () => {
+ describe('store state.open === "disable"', () => {
beforeEach(() => {
state = {
- open: 'report',
+ open: 'disable',
data: {}
}
wrapper = Wrapper()
})
it('renders report modal', () => {
- expect(wrapper.contains('#modal-report')).toBe(true)
+ expect(wrapper.contains('disable-modal-stub')).toBe(true)
})
})
})
diff --git a/components/Modal.vue b/components/Modal.vue
index 8045212cf..0a1e195f9 100644
--- a/components/Modal.vue
+++ b/components/Modal.vue
@@ -1,23 +1,23 @@
-
+
+
+