update tests

test/js/samples/collapses-text-around-comments/expected-bundle.js

@@ -153,6 +153,14 @@ function callAll(fns) {
 	while (fns && fns.length) fns.pop()();
 }
 
+function _mount(target, anchor) {
+	this._fragment.mount(target, anchor);
+}
+
+function _unmount() {
+	this._fragment.unmount();
+}
+
 var proto = {
 	destroy: destroy,
 	get: get,
@@ -162,7 +170,9 @@ var proto = {
 	set: set,
 	teardown: destroy,
 	_recompute: noop,
-	_set: _set
+	_set: _set,
+	_mount: _mount,
+	_unmount: _unmount
 };
 
 var template = (function () {

test/js/samples/computed-collapsed-if/expected-bundle.js

@@ -129,6 +129,14 @@ function callAll(fns) {
 	while (fns && fns.length) fns.pop()();
 }
 
+function _mount(target, anchor) {
+	this._fragment.mount(target, anchor);
+}
+
+function _unmount() {
+	this._fragment.unmount();
+}
+
 var proto = {
 	destroy: destroy,
 	get: get,
@@ -138,7 +146,9 @@ var proto = {
 	set: set,
 	teardown: destroy,
 	_recompute: noop,
-	_set: _set
+	_set: _set,
+	_mount: _mount,
+	_unmount: _unmount
 };
 
 var template = (function () {

test/js/samples/css-media-query/expected-bundle.js

@@ -149,6 +149,14 @@ function callAll(fns) {
 	while (fns && fns.length) fns.pop()();
 }
 
+function _mount(target, anchor) {
+	this._fragment.mount(target, anchor);
+}
+
+function _unmount() {
+	this._fragment.unmount();
+}
+
 var proto = {
 	destroy: destroy,
 	get: get,
@@ -158,7 +166,9 @@ var proto = {
 	set: set,
 	teardown: destroy,
 	_recompute: noop,
-	_set: _set
+	_set: _set,
+	_mount: _mount,
+	_unmount: _unmount
 };
 
 function encapsulateStyles ( node ) {

test/js/samples/custom-element-basic/expected-bundle.js

@@ -149,6 +149,14 @@ function callAll(fns) {
 	while (fns && fns.length) fns.pop()();
 }
 
+function _mount(target, anchor) {
+	this._fragment.mount(target, anchor);
+}
+
+function _unmount() {
+	this._fragment.unmount();
+}
+
 var proto = {
 	destroy: destroy,
 	get: get,
@@ -158,7 +166,9 @@ var proto = {
 	set: set,
 	teardown: destroy,
 	_recompute: noop,
-	_set: _set
+	_set: _set,
+	_mount: _mount,
+	_unmount: _unmount
 };
 
 function create_main_fragment ( state, component ) {
@@ -238,7 +248,15 @@ class SvelteComponent extends HTMLElement {
 }
 
 customElements.define('custom-element', SvelteComponent);
-
+assign( SvelteComponent.prototype, proto , {
-assign( SvelteComponent.prototype, proto );
+	_mount(target, anchor) {
+		this._fragment.mount(this.shadowRoot, null);
+		target.insertBefore(this, anchor);
+	},
+
+	_unmount() {
+		this.parentNode.removeChild(this);
+	}
+});
 
 export default SvelteComponent;

test/js/samples/custom-element-basic/expected.js

@@ -77,7 +77,15 @@ class SvelteComponent extends HTMLElement {
 }
 
 customElements.define('custom-element', SvelteComponent);
-
+assign( SvelteComponent.prototype, proto , {
-assign( SvelteComponent.prototype, proto );
+	_mount(target, anchor) {
+		this._fragment.mount(this.shadowRoot, null);
+		target.insertBefore(this, anchor);
+	},
+
+	_unmount() {
+		this.parentNode.removeChild(this);
+	}
+});
 
 export default SvelteComponent;

test/js/samples/custom-element-slot/expected-bundle.js

@@ -153,6 +153,14 @@ function callAll(fns) {
 	while (fns && fns.length) fns.pop()();
 }
 
+function _mount(target, anchor) {
+	this._fragment.mount(target, anchor);
+}
+
+function _unmount() {
+	this._fragment.unmount();
+}
+
 var proto = {
 	destroy: destroy,
 	get: get,
@@ -162,7 +170,9 @@ var proto = {
 	set: set,
 	teardown: destroy,
 	_recompute: noop,
-	_set: _set
+	_set: _set,
+	_mount: _mount,
+	_unmount: _unmount
 };
 
 function create_main_fragment ( state, component ) {
@@ -245,7 +255,15 @@ class SvelteComponent extends HTMLElement {
 }
 
 customElements.define('custom-element', SvelteComponent);
-
+assign( SvelteComponent.prototype, proto , {
-assign( SvelteComponent.prototype, proto );
+	_mount(target, anchor) {
+		this._fragment.mount(this.shadowRoot, null);
+		target.insertBefore(this, anchor);
+	},
+
+	_unmount() {
+		this.parentNode.removeChild(this);
+	}
+});
 
 export default SvelteComponent;

test/js/samples/custom-element-slot/expected.js

@@ -80,7 +80,15 @@ class SvelteComponent extends HTMLElement {
 }
 
 customElements.define('custom-element', SvelteComponent);
-
+assign( SvelteComponent.prototype, proto , {
-assign( SvelteComponent.prototype, proto );
+	_mount(target, anchor) {
+		this._fragment.mount(this.shadowRoot, null);
+		target.insertBefore(this, anchor);
+	},
+
+	_unmount() {
+		this.parentNode.removeChild(this);
+	}
+});
 
 export default SvelteComponent;

test/js/samples/custom-element-styled/expected-bundle.js

@@ -149,6 +149,14 @@ function callAll(fns) {
 	while (fns && fns.length) fns.pop()();
 }
 
+function _mount(target, anchor) {
+	this._fragment.mount(target, anchor);
+}
+
+function _unmount() {
+	this._fragment.unmount();
+}
+
 var proto = {
 	destroy: destroy,
 	get: get,
@@ -158,7 +166,9 @@ var proto = {
 	set: set,
 	teardown: destroy,
 	_recompute: noop,
-	_set: _set
+	_set: _set,
+	_mount: _mount,
+	_unmount: _unmount
 };
 
 function create_main_fragment ( state, component ) {
@@ -211,7 +221,7 @@ class SvelteComponent extends HTMLElement {
 		this._bind = options._bind;
 
 		this.attachShadow({ mode: 'open' });
-		this.shadowRoot.innerHTML = '<style>h1{color:red}</style>';
+		this.shadowRoot.innerHTML = `<style>h1{color:red}</style>`;
 
 		this._fragment = create_main_fragment( this._state, this );
 
@@ -239,7 +249,15 @@ class SvelteComponent extends HTMLElement {
 }
 
 customElements.define('custom-element', SvelteComponent);
-
+assign( SvelteComponent.prototype, proto , {
-assign( SvelteComponent.prototype, proto );
+	_mount(target, anchor) {
+		this._fragment.mount(this.shadowRoot, null);
+		target.insertBefore(this, anchor);
+	},
+
+	_unmount() {
+		this.parentNode.removeChild(this);
+	}
+});
 
 export default SvelteComponent;

test/js/samples/custom-element-styled/expected.js

@@ -50,7 +50,7 @@ class SvelteComponent extends HTMLElement {
 		this._bind = options._bind;
 
 		this.attachShadow({ mode: 'open' });
-		this.shadowRoot.innerHTML = '<style>h1{color:red}</style>';
+		this.shadowRoot.innerHTML = `<style>h1{color:red}</style>`;
 
 		this._fragment = create_main_fragment( this._state, this );
 
@@ -78,7 +78,15 @@ class SvelteComponent extends HTMLElement {
 }
 
 customElements.define('custom-element', SvelteComponent);
-
+assign( SvelteComponent.prototype, proto , {
-assign( SvelteComponent.prototype, proto );
+	_mount(target, anchor) {
+		this._fragment.mount(this.shadowRoot, null);
+		target.insertBefore(this, anchor);
+	},
+
+	_unmount() {
+		this.parentNode.removeChild(this);
+	}
+});
 
 export default SvelteComponent;

test/js/samples/each-block-changed-check/expected-bundle.js

@@ -162,6 +162,14 @@ function callAll(fns) {
 	while (fns && fns.length) fns.pop()();
 }
 
+function _mount(target, anchor) {
+	this._fragment.mount(target, anchor);
+}
+
+function _unmount() {
+	this._fragment.unmount();
+}
+
 var proto = {
 	destroy: destroy,
 	get: get,
@@ -171,7 +179,9 @@ var proto = {
 	set: set,
 	teardown: destroy,
 	_recompute: noop,
-	_set: _set
+	_set: _set,
+	_mount: _mount,
+	_unmount: _unmount
 };
 
 function create_main_fragment ( state, component ) {

test/js/samples/event-handlers-custom/expected-bundle.js

@@ -149,6 +149,14 @@ function callAll(fns) {
 	while (fns && fns.length) fns.pop()();
 }
 
+function _mount(target, anchor) {
+	this._fragment.mount(target, anchor);
+}
+
+function _unmount() {
+	this._fragment.unmount();
+}
+
 var proto = {
 	destroy: destroy,
 	get: get,
@@ -158,7 +166,9 @@ var proto = {
 	set: set,
 	teardown: destroy,
 	_recompute: noop,
-	_set: _set
+	_set: _set,
+	_mount: _mount,
+	_unmount: _unmount
 };
 
 var template = (function () {

test/js/samples/if-block-no-update/expected-bundle.js

@@ -153,6 +153,14 @@ function callAll(fns) {
 	while (fns && fns.length) fns.pop()();
 }
 
+function _mount(target, anchor) {
+	this._fragment.mount(target, anchor);
+}
+
+function _unmount() {
+	this._fragment.unmount();
+}
+
 var proto = {
 	destroy: destroy,
 	get: get,
@@ -162,7 +170,9 @@ var proto = {
 	set: set,
 	teardown: destroy,
 	_recompute: noop,
-	_set: _set
+	_set: _set,
+	_mount: _mount,
+	_unmount: _unmount
 };
 
 function create_main_fragment ( state, component ) {

test/js/samples/if-block-simple/expected-bundle.js

@@ -153,6 +153,14 @@ function callAll(fns) {
 	while (fns && fns.length) fns.pop()();
 }
 
+function _mount(target, anchor) {
+	this._fragment.mount(target, anchor);
+}
+
+function _unmount() {
+	this._fragment.unmount();
+}
+
 var proto = {
 	destroy: destroy,
 	get: get,
@@ -162,7 +170,9 @@ var proto = {
 	set: set,
 	teardown: destroy,
 	_recompute: noop,
-	_set: _set
+	_set: _set,
+	_mount: _mount,
+	_unmount: _unmount
 };
 
 function create_main_fragment ( state, component ) {

test/js/samples/legacy-input-type/expected-bundle.js

@@ -147,6 +147,14 @@ function callAll(fns) {
 	while (fns && fns.length) fns.pop()();
 }
 
+function _mount(target, anchor) {
+	this._fragment.mount(target, anchor);
+}
+
+function _unmount() {
+	this._fragment.unmount();
+}
+
 var proto = {
 	destroy: destroy,
 	get: get,
@@ -156,7 +164,9 @@ var proto = {
 	set: set,
 	teardown: destroy,
 	_recompute: noop,
-	_set: _set
+	_set: _set,
+	_mount: _mount,
+	_unmount: _unmount
 };
 
 function create_main_fragment ( state, component ) {

test/js/samples/non-imported-component/expected-bundle.js

@@ -143,6 +143,14 @@ function callAll(fns) {
 	while (fns && fns.length) fns.pop()();
 }
 
+function _mount(target, anchor) {
+	this._fragment.mount(target, anchor);
+}
+
+function _unmount() {
+	this._fragment.unmount();
+}
+
 var proto = {
 	destroy: destroy,
 	get: get,
@@ -152,7 +160,9 @@ var proto = {
 	set: set,
 	teardown: destroy,
 	_recompute: noop,
-	_set: _set
+	_set: _set,
+	_mount: _mount,
+	_unmount: _unmount
 };
 
 var template = (function () {
@@ -182,17 +192,17 @@ function create_main_fragment ( state, component ) {
 		},
 
 		mount: function ( target, anchor ) {
-			imported._fragment.mount( target, anchor );
+			imported._mount( target, anchor );
 			insertNode( text, target, anchor );
-			nonimported._fragment.mount( target, anchor );
+			nonimported._mount( target, anchor );
 		},
 
 		update: noop,
 
 		unmount: function () {
-			imported._fragment.unmount();
+			imported._unmount();
 			detachNode( text );
-			nonimported._fragment.unmount();
+			nonimported._unmount();
 		},
 
 		destroy: function () {
@@ -228,9 +238,7 @@ function SvelteComponent ( options ) {
 	if ( !options._root ) {
 		this._fragment.create();
 		this._fragment.mount( options.target, options.anchor || null );
-	}
 
-	if ( !options._root ) {
 		this._lock = true;
 		callAll(this._beforecreate);
 		callAll(this._oncreate);

test/js/samples/non-imported-component/expected.js

@@ -29,17 +29,17 @@ function create_main_fragment ( state, component ) {
 		},
 
 		mount: function ( target, anchor ) {
-			imported._fragment.mount( target, anchor );
+			imported._mount( target, anchor );
 			insertNode( text, target, anchor );
-			nonimported._fragment.mount( target, anchor );
+			nonimported._mount( target, anchor );
 		},
 
 		update: noop,
 
 		unmount: function () {
-			imported._fragment.unmount();
+			imported._unmount();
 			detachNode( text );
-			nonimported._fragment.unmount();
+			nonimported._unmount();
 		},
 
 		destroy: function () {
@@ -75,9 +75,7 @@ function SvelteComponent ( options ) {
 	if ( !options._root ) {
 		this._fragment.create();
 		this._fragment.mount( options.target, options.anchor || null );
-	}
 
-	if ( !options._root ) {
 		this._lock = true;
 		callAll(this._beforecreate);
 		callAll(this._oncreate);

test/js/samples/onrender-onteardown-rewritten/expected-bundle.js

@@ -129,6 +129,14 @@ function callAll(fns) {
 	while (fns && fns.length) fns.pop()();
 }
 
+function _mount(target, anchor) {
+	this._fragment.mount(target, anchor);
+}
+
+function _unmount() {
+	this._fragment.unmount();
+}
+
 var proto = {
 	destroy: destroy,
 	get: get,
@@ -138,7 +146,9 @@ var proto = {
 	set: set,
 	teardown: destroy,
 	_recompute: noop,
-	_set: _set
+	_set: _set,
+	_mount: _mount,
+	_unmount: _unmount
 };
 
 var template = (function () {
@@ -193,9 +203,7 @@ function SvelteComponent ( options ) {
 	if ( !options._root ) {
 		this._fragment.create();
 		this._fragment.mount( options.target, options.anchor || null );
-	}
 
-	if ( !options._root ) {
 		callAll(this._oncreate);
 	}
 }

test/js/samples/onrender-onteardown-rewritten/expected.js

@@ -52,9 +52,7 @@ function SvelteComponent ( options ) {
 	if ( !options._root ) {
 		this._fragment.create();
 		this._fragment.mount( options.target, options.anchor || null );
-	}
 
-	if ( !options._root ) {
 		callAll(this._oncreate);
 	}
 }

test/js/samples/setup-method/expected-bundle.js

@@ -129,6 +129,14 @@ function callAll(fns) {
 	while (fns && fns.length) fns.pop()();
 }
 
+function _mount(target, anchor) {
+	this._fragment.mount(target, anchor);
+}
+
+function _unmount() {
+	this._fragment.unmount();
+}
+
 var proto = {
 	destroy: destroy,
 	get: get,
@@ -138,7 +146,9 @@ var proto = {
 	set: set,
 	teardown: destroy,
 	_recompute: noop,
-	_set: _set
+	_set: _set,
+	_mount: _mount,
+	_unmount: _unmount
 };
 
 var template = (function () {

test/js/samples/use-elements-as-anchors/expected-bundle.js

@@ -153,6 +153,14 @@ function callAll(fns) {
 	while (fns && fns.length) fns.pop()();
 }
 
+function _mount(target, anchor) {
+	this._fragment.mount(target, anchor);
+}
+
+function _unmount() {
+	this._fragment.unmount();
+}
+
 var proto = {
 	destroy: destroy,
 	get: get,
@@ -162,7 +170,9 @@ var proto = {
 	set: set,
 	teardown: destroy,
 	_recompute: noop,
-	_set: _set
+	_set: _set,
+	_mount: _mount,
+	_unmount: _unmount
 };
 
 function create_main_fragment ( state, component ) {