1. karma-vue-component
a tiny wrapper to load a vue-component with one function call
karma-vue-component
Package: karma-vue-component
Created by: paulpflug
Last modified: Sun, 19 Jun 2022 08:07:22 GMT
Version: 2.0.2
License: MIT
Downloads: 28
Repository: https://github.com/paulpflug/karma-vue-component

Install

npm install karma-vue-component
yarn add karma-vue-component

karma-vue-component

To fasten the testing of Vue components.
karma-vue-component is a tiny wrapper to load a vue-component with one function call.

Install

npm install --save-dev karma-vue-component
// [email protected]
npm install --save-dev karma-vue-component@1

add 'vue-component' to the frameworks in the karma.conf

What it does

  • Loads Vue as global

  • adds the functions loadComp and unloadComp as globals

 loadComp = function(comp, data) {
  comp = Vue.extend(comp);
  comp = new comp(data);
  document.body.appendChild(comp.$mount().$el);
  return comp;
};

unloadComp = function(comp) {
  document.body.removeChild(comp.$el);
  return comp.$destroy();
};

Usage

 // for example with webpack
comp = loadComp(require("../dev/someComp.vue"))

Changelog

  • 2.0.0
    compatible to vue@2

  • 1.0.0
    added data argument to loadComp

License

Copyright (c) 2016 Paul Pflugradt
Licensed under the MIT license.

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code