Add vue, svlete tests

Author: mrginglymus

libraries/svelte/src/basic-tests.js

@@ -24,6 +24,7 @@ import {
   ComponentWithProperties,
   ComponentWithUnregistered,
   ComponentWithImperativeEvent,
+  ComponentWithMethods,
 } from "./components";
 import { tick } from "svelte";
 
@@ -125,6 +126,12 @@ describe("basic support", function() {
       expect(data).to.eql("svelte");
     });
 
+    it('will not overwrite methods', function () {
+      new ComponentWithMethods({ target: scratch });
+      const wc = scratch.querySelector('#wc');
+      expect(wc.innerText).to.eql('Success');
+    })
+
     // it('will set boolean attributes on a Custom Element that has not already been defined and upgraded', function() {
     //   new ComponentWithUnregistered({ target: scratch });
     //   let wc = scratch.querySelector("#wc");

libraries/svelte/src/components.js

@@ -19,6 +19,7 @@ import 'ce-without-children';
 import 'ce-with-children';
 import 'ce-with-properties';
 import 'ce-with-event';
+import 'ce-with-methods';
 
 export { default as ComponentWithoutChildren } from './components/ComponentWithoutChildren.svelte';
 export { default as ComponentWithChildren } from './components/ComponentWithChildren.svelte';
@@ -28,3 +29,4 @@ export { default as ComponentWithProperties } from './components/ComponentWithPr
 export { default as ComponentWithUnregistered } from './components/ComponentWithUnregistered.svelte';
 export { default as ComponentWithImperativeEvent } from './components/ComponentWithImperativeEvent.svelte';
 export { default as ComponentWithDeclarativeEvent } from './components/ComponentWithDeclarativeEvent.svelte';
+export { default as ComponentWithMethods } from './components/ComponentWithMethods.svelte';

libraries/svelte/src/components/ComponentWithMethods.svelte

@@ -0,0 +1 @@
+<ce-with-methods id="wc" true></ce-with-methods>

libraries/vue/src/basic-tests.js

@@ -24,7 +24,8 @@ import {
   ComponentWithProperties,
   ComponentWithUnregistered,
   ComponentWithImperativeEvent,
-  ComponentWithDeclarativeEvent
+  ComponentWithDeclarativeEvent,
+  ComponentWithMethods
 } from "./components";
 import { expect } from "chai";
 
@@ -147,6 +148,13 @@ describe("basic support", function() {
       expect(data).to.eql("Vue");
     });
 
+    it('will not overwrite methods', function () {
+     const app = createApp(ComponentWithMethods);
+     app.mount(scratch);
+     const wc = scratch.querySelector('#wc');
+     expect(wc.innerText).to.eql('Success');
+    })
+
     // it('will set boolean attributes on a Custom Element that has not already been defined and upgraded', function() {
     //   let root = new ComponentWithUnregistered().$mount(scratch).$el;
     //   let wc = root.querySelector('#wc');

libraries/vue/src/components.js

@@ -20,6 +20,7 @@ import 'ce-without-children';
 import 'ce-with-children';
 import 'ce-with-properties';
 import 'ce-with-event';
+import 'ce-with-methods';
 
 export const ComponentWithoutChildren = defineComponent({
   template: `
@@ -100,6 +101,16 @@ export const ComponentWithProperties = defineComponent({
   }
 });
 
+export const ComponentWithMethods = defineComponent({
+  template: `
+    <div>
+      <ce-with-methods id="wc"
+        :test.attr="true"
+      ></ce-with-methods>
+    </div>
+  `
+})
+
 export const ComponentWithUnregistered = defineComponent({
   template: `
     <div>