javascript - Testing Vue.js Component -


i'd test vue.js component, , i'm failing @ that. put, i'm setting component property, , want assert set correctly. if matters, module loaded exports, , js output using webpack.

// component exports = module.exports = {};  module.exports = {   data: function () {     return {       active: false     };   },   methods: {     'close': function () {        console.log(this.active); // -> true        this.active = false;        console.log(this.active); // -> false     }   } };  // component-test var modal = require('../../resources/src/js/components/_component.js'); var assert = require('assert');  describe('close()', function () {   beforeeach(function () {     modal.data.active = true;   });   it('should set modal inactive', function () {     console.log(modal.data.active); // -> true     modal.methods.close();     console.log(modal.data.active); // -> true     assert.equal(modal.data.active, false);   }); }); 

this should give hint on how load vue components when testing;

var modalcomponent = require('../../resources/src/js/components/_component.js'); var assert = require('assert');            //load component vue instance vm = new vue({     template: '<div><test v-ref:test-component></test></div>',     components: {         'test': modalcomponent     } }).$mount();  var modal = vm.$refs.testcomponent;  describe('close()', function () {     beforeeach(function () {         modal.active = true;     });      it('should set modal inactive', function () {         console.log(modal.active); // -> true         modal.close();         console.log(modal.active); // -> false         assert.equal(modal.active, false);     }); }); 

Comments

Popular posts from this blog

java - pagination of xlsx file to XSSFworkbook using apache POI -

Unlimited choices in BASH case statement -

apache - How do I stop my index.php being run twice for every user -