Add payload builder for create_gig command

Author: agualis

src/app/pages/Days/days-actions.js

@@ -4,7 +4,7 @@ import {
  FETCH_DAYS_ERROR
 } from './days-mutations'
 
-import { retrieveDays } from '../../shared/mosica-api'
+import { retrieveDays } from '../../services/mosica-api'
 
 export function buildRetrieveDaysAction() {
  return retrieveDaysAction(retrieveDays).run
@@ -26,6 +26,9 @@ export function retrieveDaysAction(retrieveDays) {
 }
 
 // Test to check how we can abstract common action patterns
+// We should add params (payload) in case the query needs it
+// Creating a command engine to excute commands (with type and payload) sounds like a
+// good idea
 export function retrieveDaysActionUsingQueryAction(retrieveDays) {
  return queryAction(retrieveDays, FETCH_DAYS_REQUEST, FETCH_DAYS_SUCCESS, FETCH_DAYS_ERROR)
 }

src/app/pages/Days/days-mutations.js

@@ -14,7 +14,7 @@ export function fetchDaysSuccess(state, days) {
 }
 
 export function fetchDaysError(state, error) {
- console.log('EMOS SIDO ENGAÑADO', error)
+ // console.error('Error fetching days', error.toString())
  state.loading = false
  state.error = error
 }

src/app/pages/NewGig/NewGig.vue

@@ -23,11 +23,12 @@
 
 <script>
  import { mapActions } from 'vuex'
- import { CREATE_GIG } from '../../shared/mosica-actions'
+ import { CREATE_GIG } from '../../services/mosica-commands'
  import { required, minLength, maxLength } from 'vuelidate/lib/validators'
  import TextInput from '../../shared/TextInput.vue'
  import DateTimeInput from '../../shared/DateTimeInput.vue'
  import { isFutureDatetime } from './customValidations'
+ import { createGigPayload } from '../../services/mosica-api'
 
  export default {
  props: {
@@ -63,7 +64,7 @@
  methods: {
  ...mapActions([CREATE_GIG]),
  save() {
- this.create_gig({title: this.title, day: this.dateTime})
+ this.create_gig(createGigPayload(this.title, this.dateTime))
  }
  },
  components: {

src/app/pages/NewGig/new-gig-actions.js

@@ -1,4 +1,4 @@
-import { createGig } from '../../shared/mosica-api'
+import { createGig } from '../../services/mosica-api'
 import { CREATE_GIG_ERROR, CREATE_GIG_REQUEST, CREATE_GIG_SUCCESS } from './new-gig-mutations'
 
 export function buildCreateGigAction() {

src/app/services/__tests__/mosica-api.spec.js

@@ -0,0 +1,14 @@
+import { stubNow } from '../../../../test/helpers'
+import { createGigPayload } from '../mosica-api';
+
+describe('mosica api', () => {
+
+ beforeEach(() => stubNow('2017-09-18'))
+
+ it('Builds create Gig Payload', () => {
+ const payload = createGigPayload('a title', '2017-09-18T19:32')
+
+ expect(payload.title).toBe('a title')
+ expect(payload.day).toBe('2017-09-18')
+ })
+})

src/app/services/mosica-api.js

@@ -0,0 +1,18 @@
+import { gigService } from './mosica-instances'
+
+export function retrieveDays() {
+ return gigService.retrieveNextGigs()
+}
+
+export function createGig(payload) {
+ return Promise.resolve(payload)
+}
+
+export function createGigPayload(title, dateTime) {
+ return {
+ title: title,
+ day: dateTime.substring(0, 10),
+ description: 'Fake gig created by mosica-api',
+ place: 'Fake place'
+ }
+}

src/app/shared/mosica-actions.js src/app/services/mosica-commands.jssrc/app/shared/mosica-actions.js renamed to src/app/services/mosica-commands.js

@@ -1,6 +1,6 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
-import { CREATE_GIG, RETRIEVE_DAYS } from '../app/shared/mosica-actions'
+import { CREATE_GIG, RETRIEVE_DAYS } from '../app/services/mosica-commands'
 import { buildRetrieveDaysAction } from '../app/pages/Days/days-actions'
 import {
  CREATE_GIG_ERROR,