diff --git a/src/customElements.ts b/src/customElements.ts index 0d82b4ed..4cb354ed 100644 --- a/src/customElements.ts +++ b/src/customElements.ts @@ -131,7 +131,7 @@ function getWidgetPropertyFromAttribute(attributeName: string, attributeValue: s return [ propertyName, value ]; } -let customEventClass = global.CustomEvent; +export let customEventClass = global.CustomEvent; if (typeof customEventClass !== 'function') { const customEvent = function (event: string, params: any) { diff --git a/src/registerCustomElement.ts b/src/registerCustomElement.ts index 8c8521e9..bfc2dbf5 100644 --- a/src/registerCustomElement.ts +++ b/src/registerCustomElement.ts @@ -1,4 +1,5 @@ import { + customEventClass, CustomElementDescriptor, handleAttributeChanged, initializeElement @@ -43,6 +44,9 @@ export function registerCustomElement(descriptorFactory: CustomElementDescriptor if (!this._isAppended) { this._appender(); this._isAppended = true; + this.dispatchEvent(new customEventClass('connected', { + bubbles: false + })); } } diff --git a/tests/functional/registerCustomElement.ts b/tests/functional/registerCustomElement.ts index 851c2b03..4a990ba6 100644 --- a/tests/functional/registerCustomElement.ts +++ b/tests/functional/registerCustomElement.ts @@ -53,6 +53,21 @@ registerSuite('registerCustomElement', { assert.isTrue(buttonClicked); }); }, + 'custom elements emit event on connection'() { + if (skip) { + this.skip('not compatible with iOS 9.1 or Safari 9.1'); + } + return this.remote + .get(( require).toUrl('./support/registerCustomElement.html')) + .setFindTimeout(1000) + .findByCssSelector('#testButton > button') + .click() + .end() + .execute('return window.connectedEvent') + .then((connectedEvent: boolean) => { + assert.isTrue(connectedEvent); + }); + }, 'updates the correct instance when multiple or the same custom elements are used'() { if (skip) { this.skip('not compatible with iOS 9.1 or Safari 9.1'); diff --git a/tests/functional/support/registerCustomElement.html b/tests/functional/support/registerCustomElement.html index 75362688..8f8f5984 100644 --- a/tests/functional/support/registerCustomElement.html +++ b/tests/functional/support/registerCustomElement.html @@ -20,6 +20,7 @@