commited missing test component js files

Author: jonasjabari

spec/dummy/app/assets/javascripts/test/components.js

@@ -38,3 +38,113 @@ MatestackUiCore.Vue.component('my-test-component', {
     }, 300);
   }
 });
+
+MatestackUiCore.Vue.component('custom-form-input-test', {
+  mixins: [MatestackUiCore.componentMixin, MatestackUiCore.formInputMixin],
+  data() {
+    return {};
+  },
+  methods: {
+    changeValueViaJs: function(value){
+      this.setValue(value);
+    },
+    afterInitialize: function(value){
+      if(value == "change me via JS"){
+        this.setValue("done");
+      }
+    }
+  },
+  mounted: function(){
+    if(this.$el.querySelector("#bar") != undefined){
+      this.$el.querySelector("#bar").classList.add("js-added-class")
+    }
+  }
+});
+
+MatestackUiCore.Vue.component('custom-form-textarea-test', {
+  mixins: [MatestackUiCore.componentMixin, MatestackUiCore.formTextareaMixin],
+  data() {
+    return {};
+  },
+  methods: {
+    changeValueViaJs: function(value){
+      this.setValue(value);
+    },
+    afterInitialize: function(value){
+      if(value == "change me via JS"){
+        this.setValue("done");
+      }
+    }
+  },
+  mounted: function(){
+    if(this.$el.querySelector("#bar") != undefined){
+      this.$el.querySelector("#bar").classList.add("js-added-class")
+    }
+  }
+});
+
+MatestackUiCore.Vue.component('custom-form-radio-test', {
+  mixins: [MatestackUiCore.componentMixin, MatestackUiCore.formRadioMixin],
+  data() {
+    return {};
+  },
+  methods: {
+    changeValueViaJs: function(value){
+      this.setValue(value);
+    },
+    afterInitialize: function(value){
+      if(value == "change me via JS"){
+        this.setValue("Array Option 1");
+      }
+    }
+  },
+  mounted: function(){
+    if(this.$el.querySelector("#bar_1") != undefined){
+      this.$el.querySelector("#bar_1").classList.add("js-added-class")
+    }
+  }
+});
+
+MatestackUiCore.Vue.component('custom-form-checkbox-test', {
+  mixins: [MatestackUiCore.componentMixin, MatestackUiCore.formCheckboxMixin],
+  data() {
+    return {};
+  },
+  methods: {
+    changeValueViaJs: function(value){
+      this.setValue(value);
+    },
+    afterInitialize: function(value){
+      if(value == "change me via JS"){
+        this.setValue(2);
+      }
+    }
+  },
+  mounted: function(){
+    if(this.$el.querySelector("#bar_1") != undefined){
+      this.$el.querySelector("#bar_1").classList.add("js-added-class")
+    }
+  }
+});
+
+MatestackUiCore.Vue.component('custom-form-select-test', {
+  mixins: [MatestackUiCore.componentMixin, MatestackUiCore.formSelectMixin],
+  data() {
+    return {};
+  },
+  methods: {
+    changeValueViaJs: function(value){
+      this.setValue(value);
+    },
+    afterInitialize: function(value){
+      if(value == "change me via JS"){
+        this.setValue(2);
+      }
+    }
+  },
+  mounted: function(){
+    if(this.$el.querySelector("#bar") != undefined){
+      this.$el.querySelector("#bar").classList.add("js-added-class")
+    }
+  }
+});