test for context

Author: dummdidumm

test/custom-elements/samples/nested/Counter.svelte

@@ -1,11 +1,16 @@
 <svelte:options tag="my-counter" />
 
 <script>
+	import { getContext } from "svelte";
+
 	export let count = 0;
+
+	const context = getContext("context");
 </script>
 
 <slot />
 <button on:click={() => (count += 1)}>count: {count}</button>
+<p>Context {context}</p>
 
 <style>
 	button {

test/custom-elements/samples/nested/main.svelte

@@ -1,10 +1,13 @@
 <svelte:options tag="my-app" />
 
 <script>
+	import { setContext } from "svelte";
 	import Counter from "./Counter.svelte";
 
 	export let count;
 	export let counter;
+
+	setContext("context", "works");
 </script>
 
 <Counter bind:count bind:this={counter}>

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

@@ -8,10 +8,12 @@ export default async function (target) {
 	const el = target.querySelector('my-app');
 	const button = el.shadowRoot.querySelector('button');
 	const span = el.shadowRoot.querySelector('span');
+	const p = el.shadowRoot.querySelector('p');
 
 	assert.equal(el.counter.count, 0);
 	assert.equal(button.innerHTML, 'count: 0');
 	assert.equal(span.innerHTML, 'slot 0');
+	assert.equal(p.innerHTML, 'Context works');
 	assert.equal(getComputedStyle(button).color, 'rgb(255, 0, 0)');
 
 	await button.dispatchEvent(new MouseEvent('click'));