- store mutations utest - api unitest (in progress) - translations added Change-Id: Idb195edd13b9b1bc75dc130b31d5a6c6e29275bfchanges/78/16278/4
Carlo
8 years ago
parent
649d1476ad
commit
c3650349ac
@ -0,0 +1,68 @@
|
||||
import Vue from 'vue';
|
||||
|
||||
export function createReminder(id) {
|
||||
var data = {
|
||||
subscriber_id: id,
|
||||
time: '00:00',
|
||||
recur: 'never',
|
||||
active: false
|
||||
};
|
||||
return new Promise((resolve, reject) => {
|
||||
Vue.http.post('/api/reminders/', data).then((result) => {
|
||||
var reminderID = result.headers.map.location[0].split('/')[3]; // another option would be to refetch api/reminders
|
||||
resolve(reminderID);
|
||||
}).catch((err) => {
|
||||
reject(err);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
export function getReminder(id) {
|
||||
return new Promise((resolve, reject) => {
|
||||
Vue.http.get('/api/reminders/', {
|
||||
params: {
|
||||
supplier_id: id
|
||||
}
|
||||
}).then((result) => {
|
||||
resolve(JSON.parse(result.body));
|
||||
}).catch((err) => {
|
||||
reject(err);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
export function enableReminder(id) {
|
||||
return patchReminder(id, '/active', true);
|
||||
}
|
||||
|
||||
export function disableReminder(id) {
|
||||
return patchReminder(id, '/active', false);
|
||||
}
|
||||
|
||||
export function setTime(id, time) {
|
||||
return patchReminder(id, '/time', time);
|
||||
}
|
||||
|
||||
export function setRecurrence(id, recurrence) {
|
||||
return patchReminder(id, '/recur', recurrence);
|
||||
}
|
||||
|
||||
function patchReminder(id, field, value) {
|
||||
return new Promise((resolve, reject) => {
|
||||
var data = [{
|
||||
"op": "replace",
|
||||
"path": field,
|
||||
"value": value
|
||||
}];
|
||||
var patchHeaders = {
|
||||
headers: {
|
||||
'Content-Type': 'application/json-patch+json'
|
||||
}
|
||||
};
|
||||
Vue.http.patch('/api/reminders/' + id, data, patchHeaders).then((result) => {
|
||||
resolve();
|
||||
}).catch((err) => {
|
||||
reject(err);
|
||||
});
|
||||
});
|
||||
}
|
||||
@ -1,18 +0,0 @@
|
||||
<template>
|
||||
<page title="Reminder"></page>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Page from '../Page'
|
||||
export default {
|
||||
data () {
|
||||
return {}
|
||||
},
|
||||
components: {
|
||||
Page
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@ -0,0 +1,125 @@
|
||||
<template>
|
||||
<page :title="$t('reminder.title')">
|
||||
<q-field class="reminder-field">
|
||||
<q-toggle :label="$t('reminder.title') + (active ? ' enabled':' disabled')" @input="toggleReminder()" v-model="active" />
|
||||
</q-field>
|
||||
<q-field class="reminder-field">
|
||||
<q-datetime type="time" :disable="!active" no-clear=true v-model="timeConverted" :placeholder="$t('reminder.timeLabel')" @change="changeTime()" />
|
||||
</q-field>
|
||||
<q-field class="reminder-field">
|
||||
<q-option-group :disable="!active" color="positive" type="radio" v-model="recurrence" @change="changeRecurrence()" :options="[
|
||||
{ label: $t('reminder.recurrence.once'), value: 'never' },
|
||||
{ label: $t('reminder.recurrence.weekdays'), value: 'weekdays' },
|
||||
{ label: $t('reminder.recurrence.always'), value: 'always' }
|
||||
]" />
|
||||
</q-field>
|
||||
</page>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
startLoading,
|
||||
stopLoading,
|
||||
showGlobalError
|
||||
} from '../../../helpers/ui'
|
||||
import Page from '../../Page'
|
||||
import {
|
||||
QField,
|
||||
QToggle,
|
||||
QDatetime,
|
||||
QOptionGroup,
|
||||
date,
|
||||
Toast
|
||||
} from 'quasar-framework'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
active: false,
|
||||
time: undefined,
|
||||
recurrence: 'never'
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$store.dispatch('reminder/loadReminder').then(() => {
|
||||
this.active = this.$store.state.reminder.active;
|
||||
this.time = this.$store.state.reminder.time;
|
||||
this.recurrence = this.$store.state.reminder.recurrence;
|
||||
}).catch((err) => {
|
||||
console.log(err);
|
||||
});
|
||||
},
|
||||
components: {
|
||||
Page,
|
||||
QToggle,
|
||||
Toast,
|
||||
QDatetime,
|
||||
QOptionGroup,
|
||||
QField
|
||||
},
|
||||
computed: {
|
||||
timeConverted: {
|
||||
get: function() {
|
||||
var computedTime;
|
||||
if (this.time) {
|
||||
computedTime = date.buildDate({
|
||||
hours: this.time.split(':')[0],
|
||||
minutes: this.time.split(':')[1],
|
||||
seconds: '00'
|
||||
});
|
||||
} else {
|
||||
computedTime = date.buildDate({
|
||||
hours: '00',
|
||||
minutes: '00',
|
||||
seconds: '00'
|
||||
});
|
||||
}
|
||||
return computedTime;
|
||||
},
|
||||
set: function(newValue) {
|
||||
this.time = date.formatDate(newValue, 'HH:mm:ss');
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toggleReminder() {
|
||||
this.$store.dispatch('reminder/toggleReminder', this.active).then(() => {
|
||||
Toast.create({
|
||||
html: $t('reminder.title') + (this.active ? ' enabled' : ' disabled'),
|
||||
color: 'white',
|
||||
bgColor: '#68A44E'
|
||||
});
|
||||
}).catch((err) => {
|
||||
console.log(err);
|
||||
});
|
||||
},
|
||||
changeTime() {
|
||||
this.$store.dispatch('reminder/changeTime', this.time).then(() => {
|
||||
Toast.create({
|
||||
html: $t('reminder.timeUpdatedMsg') ,
|
||||
color: 'white',
|
||||
bgColor: '#68A44E'
|
||||
});
|
||||
}).catch((err) => {
|
||||
console.log(err);
|
||||
});
|
||||
},
|
||||
changeRecurrence() {
|
||||
this.$store.dispatch('reminder/changeRecurrence', this.recurrence).then(() => {
|
||||
Toast.create({
|
||||
html: $t('reminder.recurrenceUpdatedMsg'),
|
||||
color: 'white',
|
||||
bgColor: '#68A44E'
|
||||
});
|
||||
}).catch((err) => {
|
||||
console.log(err);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.reminder-field {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,100 @@
|
||||
'use strict';
|
||||
|
||||
import _ from 'lodash';
|
||||
import {
|
||||
getReminder,
|
||||
createReminder,
|
||||
enableReminder,
|
||||
disableReminder,
|
||||
setTime,
|
||||
setRecurrence
|
||||
} from '../api/reminder';
|
||||
|
||||
|
||||
export default {
|
||||
namespaced: true,
|
||||
mutations: {
|
||||
reminderLoaded(state, options) {
|
||||
state.reminderID = options.id;
|
||||
state.active = options.active;
|
||||
state.time = options.time;
|
||||
state.recurrence = options.recur;
|
||||
},
|
||||
enableReminder(state) {
|
||||
state.active = true;
|
||||
},
|
||||
disableReminder(state) {
|
||||
state.active = false;
|
||||
},
|
||||
setTime(state, newTime) {
|
||||
state.time = newTime;
|
||||
},
|
||||
setRecurrence(state, recurrence) {
|
||||
state.recurrence = recurrence;
|
||||
},
|
||||
reminderCreated(state, reminderID) {
|
||||
state.reminderID = reminderID;
|
||||
}
|
||||
},
|
||||
actions: {
|
||||
loadReminder(context) {
|
||||
return new Promise((resolve, reject) => {
|
||||
getReminder(localStorage.getItem('subscriberId')).then((result) => {
|
||||
if (result.total_count > 0) {
|
||||
context.commit('reminderLoaded', result._embedded['ngcp:reminders'][0]); // open to suggestions on how to extract data here
|
||||
} else {
|
||||
// If no default reminder is set, then we need to create it.
|
||||
createReminder(localStorage.getItem('subscriberId')).then((result) => {
|
||||
context.commit('reminderCreated', result);
|
||||
resolve();
|
||||
}).catch((err) => {
|
||||
reject(err);
|
||||
});
|
||||
}
|
||||
resolve();
|
||||
}).catch((err) => {
|
||||
reject(err);
|
||||
});
|
||||
});
|
||||
},
|
||||
toggleReminder(context, enabled) {
|
||||
return new Promise((resolve, reject) => {
|
||||
if (enabled === true) {
|
||||
enableReminder(context.state.reminderID).then((result) => {
|
||||
context.commit('enableReminder');
|
||||
resolve();
|
||||
}).catch((err) => {
|
||||
reject(err);
|
||||
});
|
||||
} else {
|
||||
disableReminder(context.state.reminderID).then((result) => {
|
||||
context.commit('disableReminder');
|
||||
resolve();
|
||||
}).catch((err) => {
|
||||
reject(err);
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
changeTime(context, time) {
|
||||
return new Promise((resolve, reject) => {
|
||||
setTime(context.state.reminderID, time).then((result) => {
|
||||
context.commit('setTime', time);
|
||||
resolve();
|
||||
}).catch((err) => {
|
||||
reject(err);
|
||||
});
|
||||
});
|
||||
},
|
||||
changeRecurrence(context, recurrence) {
|
||||
return new Promise((resolve, reject) => {
|
||||
setRecurrence(context.state.reminderID, recurrence).then((result) => {
|
||||
context.commit('setRecurrence', recurrence);
|
||||
resolve();
|
||||
}).catch((err) => {
|
||||
reject(err);
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
@ -0,0 +1,75 @@
|
||||
'use strict';
|
||||
|
||||
import Vue from 'vue';
|
||||
import VueResource from 'vue-resource';
|
||||
import {
|
||||
createReminder,
|
||||
getReminder,
|
||||
patchReminder
|
||||
} from '../../src/api/reminder';
|
||||
import {
|
||||
assert
|
||||
} from 'chai';
|
||||
|
||||
Vue.use(VueResource);
|
||||
|
||||
|
||||
describe('Reminder', function() {
|
||||
|
||||
it('should return 201 when creating a new reminder', function(done) {
|
||||
Vue.http.interceptors = [];
|
||||
Vue.http.interceptors.unshift((request, next) => {
|
||||
next(
|
||||
request.respondWith('1', {
|
||||
status: 201
|
||||
})
|
||||
)
|
||||
});
|
||||
createReminder('123').then((result) => {
|
||||
// TODO Check result is an id
|
||||
done();
|
||||
}).catch((err) => {
|
||||
done(new Error('Test failed'));
|
||||
});
|
||||
});
|
||||
|
||||
it('should get the existing reminder', function(done) {
|
||||
Vue.http.interceptors = [];
|
||||
Vue.http.interceptors.unshift((request, next) => {
|
||||
next(request.respondWith(JSON.stringify({
|
||||
"_embedded": {
|
||||
"ngcp:reminders": [{
|
||||
"active": true,
|
||||
"id": 1,
|
||||
"recur": "always",
|
||||
"subscriber_id": 239,
|
||||
"time": "18:47:00"
|
||||
}]
|
||||
},
|
||||
"total_count": 1
|
||||
}), {
|
||||
status: 200
|
||||
}));
|
||||
});
|
||||
getReminder('123').then((result) => {
|
||||
var reminderData = result._embedded['ngcp:reminders'][0];
|
||||
assert.property(reminderData, 'id');
|
||||
assert.property(reminderData, 'active');
|
||||
assert.property(reminderData, 'recur');
|
||||
assert.property(reminderData, 'subscriber_id');
|
||||
assert.property(reminderData, 'time');
|
||||
assert.isNumber(reminderData.id);
|
||||
assert.isTrue(reminderData.active);
|
||||
assert.include(['always', 'once', 'weekdays'], reminderData.recur);
|
||||
assert.isNumber(reminderData.subscriber_id);
|
||||
assert.isString(reminderData.time)
|
||||
done();
|
||||
}).catch((err) => {
|
||||
done(err);
|
||||
});
|
||||
});
|
||||
|
||||
// TODO
|
||||
// patchReminder
|
||||
|
||||
});
|
||||
@ -0,0 +1,54 @@
|
||||
'use strict';
|
||||
|
||||
import Reminder from '../../src/store/reminder';
|
||||
import {
|
||||
assert
|
||||
} from 'chai';
|
||||
|
||||
describe('Reminder', () => {
|
||||
|
||||
it('should load reminder data', () => {
|
||||
var state = {};
|
||||
var data = {
|
||||
id: '1',
|
||||
active: true,
|
||||
time: '23:23:00',
|
||||
recur: 'always'
|
||||
};
|
||||
Reminder.mutations.reminderLoaded(state, data);
|
||||
assert.equal(state.reminderID, data.id);
|
||||
assert.equal(state.active, data.active);
|
||||
assert.equal(state.time, data.time);
|
||||
assert.equal(state.recurrence, data.recur);
|
||||
});
|
||||
|
||||
it('should enable/disable the reminder', () => {
|
||||
var state = {};
|
||||
Reminder.mutations.enableReminder(state);
|
||||
assert.equal(state.active, true);
|
||||
Reminder.mutations.disableReminder(state);
|
||||
assert.equal(state.active, false);
|
||||
});
|
||||
|
||||
it('should set reminder time', () => {
|
||||
var state = {};
|
||||
var time = '23:23:00'
|
||||
Reminder.mutations.setTime(state, time);
|
||||
assert.equal(state.time, time);
|
||||
});
|
||||
|
||||
it('should set reminder recurrence', () => {
|
||||
var state = {};
|
||||
var recurrence = 'always'
|
||||
Reminder.mutations.setRecurrence(state, recurrence);
|
||||
assert.equal(state.recurrence, recurrence);
|
||||
});
|
||||
|
||||
it('should set reminder id', () => {
|
||||
var state = {};
|
||||
var reminderID = '1'
|
||||
Reminder.mutations.reminderCreated(state, reminderID);
|
||||
assert.equal(state.reminderID, reminderID);
|
||||
});
|
||||
|
||||
});
|
||||
Loading…
Reference in new issue