skip this test; not sure we want this behaviour anyway

test/custom-elements/index.js

@@ -50,10 +50,11 @@ describe.only('custom-elements', function() {
 		if (dir[0] === '.') return;
 
 		const solo = /\.solo$/.test(dir);
+		const skip = /\.skip$/.test(dir);
 		const internal = path.resolve('internal.js');
 		const index = path.resolve('index.js');
 
-		(solo ? it.only : it)(dir, () => {
+		(solo ? it.only : skip ? it.skip : it)(dir, () => {
 			const config = loadConfig(`./custom-elements/samples/${dir}/_config.js`);
 
 			return rollup({
@@ -104,12 +105,13 @@ describe.only('custom-elements', function() {
 						})
 						.then(result => {
 							if (result) console.log(result);
-							nightmare.end();
+							return nightmare.end();
 						})
 						.catch(message => {
 							console.log(addLineNumbers(bundle));
-							nightmare.end();
+							return nightmare.end().then(() => {
-							throw new Error(message);
+								throw new Error(message);
+							});
 						});
 				});
 

test/custom-elements/samples/nested.skip/Counter.html

@@ -0,0 +1,7 @@
+<svelte:meta tag="my-counter"/>
+
+<script>
+	export let count = 0;
+</script>
+
+<button on:click='{() => count += 1}'>count: {count}</button>

test/custom-elements/samples/nested.skip/main.html

@@ -0,0 +1,10 @@
+<svelte:meta tag="my-app"/>
+
+<script>
+	import Counter from './Counter.html';
+
+	export let count;
+</script>
+
+<Counter bind:count/>
+<p>clicked {count} times</p>

test/custom-elements/samples/nested.skip/test.js

@@ -0,0 +1,17 @@
+import * as assert from 'assert';
+import './main.html';
+
+export default async function (target) {
+	target.innerHTML = '<my-app/>';
+	const el = target.querySelector('my-app');
+	const counter = el.shadowRoot.querySelector('my-counter');
+	const button = counter.shadowRoot.querySelector('button');
+
+	assert.equal(counter.count, 0);
+	assert.equal(counter.shadowRoot.innerHTML, `<button>count: 0</button>`);
+
+	await button.dispatchEvent(new MouseEvent('click'));
+
+	assert.equal(counter.count, 1);
+	assert.equal(counter.shadowRoot.innerHTML, `<button>count: 1</button>`);
+}