bmfteixeira

// the action
[actionTypes.ACTION_SET_FAV_ELEM] (context, elemId) {
  context.commit(mutationTypes.MUTATION_SET_FAV_ELEM, elemId)
}

// the test
it('should invoke mutation to set the favourite element', done => {
  const elemId = 'AAAAAA'
  testAction(actions[actionTypes.ACTION_SET_FAV_ELEM], elemId, {}, [
    { type: mutationTypes.MUTATION_SET_FAV_ELEM, payload: elemId }

bmfteixeira

// the action
[actionTypes.ACTION_SET_FAV_ELEM] (context) {
  return APIAdapter.services.fetchFavElem()
    .then((response) => {
      context.commit(mutationTypes.MUTATION_SET_FAV_ELEM, response)
      resolve(true)
    }).catch((error) => {
      context.commit(mutationTypes.MUTATION_SET_FAV_ELEM, undefined)
      reject(error)
    })

bmfteixeira

// the mutation
[mutationTypes.MUTATION_SET_FAV_ELEM] (state, elemId) {
  state.favElem = elemId 
}

// the test
it('should set state.favElem', () => {
  const state = {
    favElem: ''
  }

bmfteixeira

// the getter
getElemsByCategory: state => (category) => {
  return state.elems.filter((el, index, arr) => el.category === category)
}

// the test
it('should return the elements that have Cat1 as category', done => {
  const expected = [
    {
      'id': '1',

bmfteixeira

<template>
  <div></div>
</template>

<script>
  export default {
    // == Lifecycle
    mounted () {
      window.addEventListener('scroll', this.handleScroll)
    },

bmfteixeira

describe('Basic component', () => {
  describe('Lifecycle', () => {
    it('Mounted', done => {
      const handleScrollStub = sinon.stub(BasicComponent.methods, 'handleScroll')
      const addEventStub = sinon.stub(window, 'addEventListener')
      
      const wrapper = mount(BasicComponent)

      expect(addEventStub).to.be.calledWith('scroll', wrapper.vm.handleScroll)

bmfteixeira

<template>
  <div></div>
</template>

<script type="text/javascript">
export default {
  ...
  data () {
    return {
      currentObjects: [],

bmfteixeira

describe('Objects component', () => {
  describe('Methods', () => {
    it('getObjects - should return true and set the data.currentObjects if getObjects retrieves an array of objects', done => {
      const mockedObjects = [
        { id: 1 },
        { id: 2 }
      ]
      
      const wrapper = mount(ObjectsComponent) 
      const getObjectsStub = sinon.stub(wrapper.vm, 'getObjects').returns(mockedObjects)

bmfteixeira

<template>
  <div></div>
</template>

<script type="text/javascript">
import { GET_OBJECTS } from 'services/constants/action-types'

export default {
  ...
  data () {

bmfteixeira

import { GET_OBJECTS } from 'services/constants/action-types'

describe('Objects component', () => {
  let store
  let state
  let actions
  
  beforeEach(() => {
    actions = {}
    actions[GET_OBJECTS] = sinon.stub()