vue-event-manager/test/eventAsync.js

The event manager for Vue.js

import Vue from 'vue';

describe('Vue.events Async', () => {
  it('Trigger Method asynchronous', () => {
    new Vue({
      data() {
        return {
          isRun : false
        }
      },
      created() {
        this.$trigger('setRun', [], true);
        this.$trigger('sendParam', 'foo');
      },
      events: {
        setRun() {
          this.isRun = true;
          expect(this.isRun).toBe(true);
        },
        sendParam(event, param) {
          expect(this.isRun).toBe(false);
        }
      }
    });
  });

  it('Trigger Method asynchronous with Different Instances', (done) => {

    var vm1 = new Vue({
      data() {
        return {
          isLoaded : false
        }
      },
      events: {
        testEvent(event, param) {
          this.isLoaded = true;
          expect(this.isLoaded).toBe(true);
          done();
        }
      }
    });

    var vm2 = new Vue({
      events: {
        testEvent:{
          handler(event, param) {
           expect(param).toBe('foo');
           return new Promise((resolve) => {
            setTimeout(resolve, 300);
           });
          },
          priority: 10
        }
      }
    });
   vm1.$trigger('testEvent', 'foo', true);
  });

});