svelte/test/custom-elements/samples/$$props/test.js

import * as assert from 'assert.js';
import { tick } from 'svelte';
import './main.svelte';

export default async function (target) {
	target.innerHTML = '<custom-element name="world" answer="42" test="svelte"></custom-element>';
	await tick();
	const el = target.querySelector('custom-element');

	assert.htmlEqual(
		el.shadowRoot.innerHTML,
		`
		<p>name: world</p>
		<p>$$props: {"name":"world","answer":"42","test":"svelte"}</p>
		<p>$$restProps: {"answer":"42","test":"svelte"}</p>
	`
	);
}