Merge branch 'feature/simplify'

README.md

@@ -87,6 +87,7 @@ jest tests/unit/Home.spec.js
     - message is showed after button click and hide on @hideMessage event
 5. Actions
     - doReservation commits to mutation
+    - exampleApiAction makes commit based on API response
 6. Mutations
     - addMeeting push item to state.meetingList
 7. Getters

done/src/store/index.js

@@ -18,13 +18,13 @@ export const actions = {
   doReservation ({ commit }, data) {
     commit('addMeeting', data)
   },
-  async fakeApiAction ({ commit }, data) {
+  async exampleApiAction ({ commit }, data) {
     try {
-      await axios.post('http://localhost:5679/fake/confirmMeeting', data)
-      commit('fakeCommit', true)
+      await axios.post('http://localhost:5679/example/confirmMeeting', data)
+      commit('exampleCommit', true)
     }
     catch (error) {
-      commit('fakeCommit', false)
+      commit('exampleCommit', false)
     }
   }
 }

done/tests/unit/actions.spec.js → done/tests/unit/Actions.spec.js

@@ -4,7 +4,7 @@ import flushPromises from 'flush-promises'
 
 jest.mock('axios')
 
-describe('actions - store', () => {
+describe('store/actions', () => {
   beforeEach(() => {
     axios.post.mockClear()
   })
@@ -20,26 +20,26 @@ describe('actions - store', () => {
     expect(context.commit).toHaveBeenCalledWith('addMeeting', testItem)
   })
 
-  it('fakeApiAction makes commit based on API response', async () => {
+  it('exampleApiAction makes commit based on API response', async () => {
     const context = {
       commit: jest.fn()
     }
     const testItem = { 'test': true }
 
-    actions.fakeApiAction(context, testItem)
+    actions.exampleApiAction(context, testItem)
 
     await flushPromises()
 
-    expect(axios.post).toHaveBeenCalledWith('http://localhost:5679/fake/confirmMeeting', testItem)
+    expect(axios.post).toHaveBeenCalledWith('http://localhost:5679/example/confirmMeeting', testItem)
     expect(axios.post).toHaveBeenCalledTimes(1)
-    expect(context.commit).toHaveBeenCalledWith('fakeCommit', true)
+    expect(context.commit).toHaveBeenCalledWith('exampleCommit', true)
 
     axios.post.mockImplementationOnce(() => {
       throw 'error'
     })
-    actions.fakeApiAction(context)
+    actions.exampleApiAction(context)
 
     expect(axios.post).toHaveBeenCalledTimes(2)
-    expect(context.commit).toHaveBeenCalledWith('fakeCommit', false)
+    expect(context.commit).toHaveBeenCalledWith('exampleCommit', false)
   })
 })

done/tests/unit/AddMeeting.spec.js

@@ -13,7 +13,7 @@ jest.mock('axios')
 // Check for more: https://jestjs.io/docs/en/timer-mocks
 jest.useFakeTimers()
 
-describe('AddMeeting page', () => {
+describe('views/AddMeeting.vue', () => {
   let present
   let next
 

done/tests/unit/Checkbox.spec.js

@@ -7,7 +7,7 @@ const propsData = {
   value: false
 }
 
-describe('Checkbox.vue', () => {
+describe('components/Checkbox.vue', () => {
   it('emit events when change checked value', () => {
     const wrapper = createWrapper(Checkbox, { propsData })
 

done/tests/unit/getters.spec.js → done/tests/unit/Getters.spec.js

@@ -1,7 +1,7 @@
 import { getters } from '@/store'
 import { advanceTo, clear } from 'jest-date-mock'
 
-describe('getters - store', () => {
+describe('store/getters', () => {
   beforeEach(() => {
     advanceTo(new Date('2020-03-27T00:00:05Z'))
   })

done/tests/unit/Home.spec.js

@@ -1,7 +1,7 @@
 import { createWrapper, createStore } from '../factory'
 import HomePage from '@/views/Home.vue'
 
-describe('Home page', () => {
+describe('views/Home.vue', () => {
   it('meeting list contains elements from store', () => {
     const localStore = createStore({ state: {
       meetingList: [

done/tests/unit/Message.spec.js

@@ -9,7 +9,7 @@ const propsData = {
   isMessageShowed: false
 }
 
-describe('Message.vue', () => {
+describe('components/Message.vue', () => {
   it('renders prop title when passed', () => {
     const wrapper = createWrapper(Message, { propsData })
 

done/tests/unit/mutations.spec.js → done/tests/unit/Mutations.spec.js

@@ -1,6 +1,6 @@
 import { mutations } from '@/store'
 
-describe('mutations - store', () => {
+describe('store/mutations', () => {
   it('addMeeting push item to state.meetingList', () => {
     const newElement = {
       'date': '2020-03-27',

done/tests/unit/vuex-store-instance.spec.js → done/tests/unit/VuexStoreInstance.spec.js

@@ -8,7 +8,7 @@ localVue.use(Vuex)
 
 jest.mock('axios')
 
-describe('vuex store instance', () => {
+describe('Vuex store instance', () => {
   let store
   let storeConfig
 
@@ -19,21 +19,21 @@ describe('vuex store instance', () => {
         addMeeting (state, data) {
           state.meetingList.push(data)
         },
-        fakeCommit () {
+        exampleCommit () {
           return true
         }
       },
       actions: {
         doReservation ({ commit }, data) {
           commit('addMeeting', data)
         },
-        async fakeApiAction ({ commit }, data) {
+        async exampleApiAction ({ commit }, data) {
           try {
-            await axios.post('http://localhost:5679/fake/confirmMeeting', data)
-            commit('fakeCommit', true)
+            await axios.post('http://localhost:5679/example/confirmMeeting', data)
+            commit('exampleCommit', true)
           }
           catch (error) {
-            commit('fakeCommit', false)
+            commit('exampleCommit', false)
           }
         }
       },
@@ -62,20 +62,20 @@ describe('vuex store instance', () => {
     expect(store.state.meetingList).toStrictEqual([testElement, testElement])
   })
 
-  it('dispatching fakeApiAction doing mocked request', async () => {
+  it('dispatching exampleApiAction doing mocked request', async () => {
     const testItem = { 'test': true }
 
-    store.dispatch('fakeApiAction', testItem)
+    store.dispatch('exampleApiAction', testItem)
 
     await flushPromises()
 
-    expect(axios.post).toHaveBeenCalledWith('http://localhost:5679/fake/confirmMeeting', testItem)
+    expect(axios.post).toHaveBeenCalledWith('http://localhost:5679/example/confirmMeeting', testItem)
     expect(axios.post).toHaveBeenCalledTimes(1)
 
     axios.post.mockImplementationOnce(() => {
       throw 'error'
     })
-    store.dispatch('fakeApiAction', testItem)
+    store.dispatch('exampleApiAction', testItem)
 
     expect(axios.post).toHaveBeenCalledTimes(2)
   })

done/tests/unit/__snapshots__/AddMeeting.spec.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`AddMeeting page button can be disable or enabled 1`] = `
+exports[`views/AddMeeting.vue button can be disable or enabled 1`] = `
 <div class="add-meeting">
   <div class="add-meeting__container">
     <h1>Add meeting</h1>
@@ -42,7 +42,7 @@ exports[`AddMeeting page button can be disable or enabled 1`] = `
 </div>
 `;
 
-exports[`AddMeeting page button can be disable or enabled 2`] = `
+exports[`views/AddMeeting.vue button can be disable or enabled 2`] = `
 "Snapshot Diff:
 - First value
 + Second value
@@ -68,7 +68,7 @@ exports[`AddMeeting page button can be disable or enabled 2`] = `
 "
 `;
 
-exports[`AddMeeting page can add meeting to store 1`] = `
+exports[`views/AddMeeting.vue can add meeting to store 1`] = `
 <div class="add-meeting add-meeting--loading">
   <div class="add-meeting__container">
     <h1>Add meeting</h1>
@@ -101,7 +101,7 @@ exports[`AddMeeting page can add meeting to store 1`] = `
 </div>
 `;
 
-exports[`AddMeeting page can add meeting to store 2`] = `
+exports[`views/AddMeeting.vue can add meeting to store 2`] = `
 "Snapshot Diff:
 - First value
 + Second value
@@ -140,7 +140,7 @@ exports[`AddMeeting page can add meeting to store 2`] = `
 "
 `;
 
-exports[`AddMeeting page can add meeting to store 3`] = `
+exports[`views/AddMeeting.vue can add meeting to store 3`] = `
 "Snapshot Diff:
 - First value
 + Second value
@@ -171,7 +171,7 @@ exports[`AddMeeting page can add meeting to store 3`] = `
   </div>"
 `;
 
-exports[`AddMeeting page can set custom meeting day in form 1`] = `
+exports[`views/AddMeeting.vue can set custom meeting day in form 1`] = `
 <div class="add-meeting">
   <div class="add-meeting__container">
     <h1>Add meeting</h1>
@@ -213,12 +213,12 @@ exports[`AddMeeting page can set custom meeting day in form 1`] = `
 </div>
 `;
 
-exports[`AddMeeting page can set custom meeting day in form 2`] = `
+exports[`views/AddMeeting.vue can set custom meeting day in form 2`] = `
 "Snapshot Diff:
 Compared values have no visual difference."
 `;
 
-exports[`AddMeeting page default form is rendered 1`] = `
+exports[`views/AddMeeting.vue default form is rendered 1`] = `
 <div class="add-meeting add-meeting--loading">
   <div class="add-meeting__container">
     <h1>Add meeting</h1>
@@ -251,7 +251,7 @@ exports[`AddMeeting page default form is rendered 1`] = `
 </div>
 `;
 
-exports[`AddMeeting page error is showed when form is invalid 1`] = `
+exports[`views/AddMeeting.vue error is showed when form is invalid 1`] = `
 <div class="add-meeting add-meeting--loading">
   <div class="add-meeting__container">
     <h1>Add meeting</h1>
@@ -284,7 +284,7 @@ exports[`AddMeeting page error is showed when form is invalid 1`] = `
 </div>
 `;
 
-exports[`AddMeeting page error is showed when form is invalid 2`] = `
+exports[`views/AddMeeting.vue error is showed when form is invalid 2`] = `
 "Snapshot Diff:
 - First value
 + Second value
@@ -306,7 +306,7 @@ exports[`AddMeeting page error is showed when form is invalid 2`] = `
 "
 `;
 
-exports[`AddMeeting page has loading class when form is blocked 1`] = `
+exports[`views/AddMeeting.vue has loading class when form is blocked 1`] = `
 <div class="add-meeting add-meeting--loading">
   <div class="add-meeting__container">
     <h1>Add meeting</h1>
@@ -339,7 +339,7 @@ exports[`AddMeeting page has loading class when form is blocked 1`] = `
 </div>
 `;
 
-exports[`AddMeeting page has loading class when form is blocked 2`] = `
+exports[`views/AddMeeting.vue has loading class when form is blocked 2`] = `
 "Snapshot Diff:
 - First value
 + Second value
@@ -370,7 +370,7 @@ exports[`AddMeeting page has loading class when form is blocked 2`] = `
       </div>"
 `;
 
-exports[`AddMeeting page predefined addreses are available 1`] = `
+exports[`views/AddMeeting.vue predefined addreses are available 1`] = `
 <div class="add-meeting add-meeting--loading">
   <div class="add-meeting__container">
     <h1>Add meeting</h1>
@@ -403,7 +403,7 @@ exports[`AddMeeting page predefined addreses are available 1`] = `
 </div>
 `;
 
-exports[`AddMeeting page predefined addreses are available 2`] = `
+exports[`views/AddMeeting.vue predefined addreses are available 2`] = `
 "Snapshot Diff:
 - First value
 + Second value
@@ -434,7 +434,7 @@ exports[`AddMeeting page predefined addreses are available 2`] = `
       </div>"
 `;
 
-exports[`AddMeeting page predefined checkbox toggle fields and clear values 1`] = `
+exports[`views/AddMeeting.vue predefined checkbox toggle fields and clear values 1`] = `
 <div class="add-meeting">
   <div class="add-meeting__container">
     <h1>Add meeting</h1>
@@ -476,7 +476,7 @@ exports[`AddMeeting page predefined checkbox toggle fields and clear values 1`]
 </div>
 `;
 
-exports[`AddMeeting page predefined checkbox toggle fields and clear values 2`] = `
+exports[`views/AddMeeting.vue predefined checkbox toggle fields and clear values 2`] = `
 "Snapshot Diff:
 - First value
 + Second value
@@ -507,12 +507,12 @@ exports[`AddMeeting page predefined checkbox toggle fields and clear values 2`]
       <div class=\\"add-meeting__wrapper\\"><label for=\\"meetingDate\\">"
 `;
 
-exports[`AddMeeting page predefined checkbox toggle fields and clear values 3`] = `
+exports[`views/AddMeeting.vue predefined checkbox toggle fields and clear values 3`] = `
 "Snapshot Diff:
 Compared values have no visual difference."
 `;
 
-exports[`AddMeeting page predefined checkbox toggle fields and clear values 4`] = `
+exports[`views/AddMeeting.vue predefined checkbox toggle fields and clear values 4`] = `
 "Snapshot Diff:
 - First value
 + Second value
@@ -543,7 +543,7 @@ exports[`AddMeeting page predefined checkbox toggle fields and clear values 4`]
       <div class=\\"add-meeting__wrapper\\"><label for=\\"meetingDate\\">"
 `;
 
-exports[`AddMeeting page predefined select change value to selected option 1`] = `
+exports[`views/AddMeeting.vue predefined select change value to selected option 1`] = `
 <div class="add-meeting">
   <div class="add-meeting__container">
     <h1>Add meeting</h1>
@@ -585,7 +585,7 @@ exports[`AddMeeting page predefined select change value to selected option 1`] =
 </div>
 `;
 
-exports[`AddMeeting page predefined select change value to selected option 2`] = `
+exports[`views/AddMeeting.vue predefined select change value to selected option 2`] = `
 "Snapshot Diff:
 Compared values have no visual difference."
 `;

done/tests/unit/__snapshots__/Checkbox.spec.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Checkbox.vue default component matches snapshot 1`] = `
+exports[`components/Checkbox.vue default component matches snapshot 1`] = `
 <div class="checkbox"><label for="checkbox1">
     label prop
   </label> <input id="checkbox1" type="checkbox"></div>

done/tests/unit/__snapshots__/Home.spec.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Home page meeting list contains elements from store 1`] = `
+exports[`views/Home.vue meeting list contains elements from store 1`] = `
 <div class="home">
   <div class="home__list">
     <div class="home__item">

done/tests/unit/__snapshots__/Message.spec.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Message.vue default component matches snapshot 1`] = `
+exports[`components/Message.vue default component matches snapshot 1`] = `
 <div class="message">
   <h2>
     test title

practices/tests/unit/Actions.spec.js

@@ -0,0 +1,9 @@
+import { actions } from '@/store'
+
+describe('store/actions', () => {
+  // it('doReservation commits to mutation', () => {
+  // })
+
+  // it('exampleApiAction makes commit based on API response', async () => {
+  // })
+})

practices/tests/unit/AddMeeting.spec.js

@@ -12,7 +12,7 @@ jest.mock('axios')
 // Check for more: https://jestjs.io/docs/en/timer-mocks
 jest.useFakeTimers()
 
-describe('AddMeeting page', () => {
+describe('views/AddMeeting.vue', () => {
   beforeEach(() => {
   })