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
Post a Comment