refactor: Do not manually call connectedCallback

Author: rschristian

src/index.js

@@ -4,7 +4,6 @@ import { h, cloneElement, render, hydrate } from 'preact';
  * @typedef {import('./index.d.ts').PreactCustomElement} PreactCustomElement
  */
 
-
 /**
  * @type {import('./index.d.ts').default}
  */
@@ -56,7 +55,6 @@ export default function register(Component, tagName, propNames, options) {
 				} else {
 					if (!this._props) this._props = {};
 					this._props[name] = v;
-					this.connectedCallback();
 				}
 
 				// Reflect property changes to attributes if the value is a primitive

src/index.test.jsx

@@ -59,10 +59,11 @@ describe('web components', () => {
 		it('passes property changes to props', () => {
 			const el = document.createElement('x-clock');
 
+			root.appendChild(el);
+
 			el.time = '10:28:57 PM';
 			assert.equal(el.time, '10:28:57 PM');
 
-			root.appendChild(el);
 			assert.equal(
 				root.innerHTML,
 				'<x-clock time="10:28:57 PM"><span>10:28:57 PM</span></x-clock>'
@@ -86,10 +87,11 @@ describe('web components', () => {
 		it('passes simple properties changes to props', () => {
 			const el = document.createElement('x-dummy-button');
 
+			root.appendChild(el);
+
 			el.text = 'foo';
 			assert.equal(el.text, 'foo');
 
-			root.appendChild(el);
 			assert.equal(
 				root.innerHTML,
 				'<x-dummy-button text="foo"><button>foo</button></x-dummy-button>'
@@ -108,10 +110,12 @@ describe('web components', () => {
 
 			let clicks = 0;
 			const onClick = () => clicks++;
+
+			root.appendChild(el);
+
 			el.onClick = onClick;
 			assert.equal(el.onClick, onClick);
 
-			root.appendChild(el);
 			assert.equal(
 				root.innerHTML,
 				'<x-dummy-button><button>click</button></x-dummy-button>'
@@ -327,8 +331,7 @@ describe('web components', () => {
 
 		const child = document
 			.querySelector('x-adopted-style-sheets')
-			.shadowRoot
-			.querySelector('.styled-child');
+			.shadowRoot.querySelector('.styled-child');
 
 		const style = getComputedStyle(child);
 		assert.equal(style.color, 'rgb(255, 0, 0)');