svelte/test/custom-elements/samples/props-after-create/test.js

import * as assert from 'assert';
import CustomElement from './main.svelte';

export default async function (target) {
	const el = new CustomElement();

	assert.equal(el.outerHTML, '<custom-element></custom-element>');

	// const el = target.querySelector('custom-element');

	assert.equal(el.shadowRoot, undefined);

	el.items = ['a', 'b', 'c'];
	const [p1, p2] = el.shadowRoot.querySelectorAll('p');

	assert.equal(p1.textContent, '3 items');
	assert.equal(p2.textContent, 'a, b, c');

	el.items = ['d', 'e', 'f', 'g', 'h'];

	assert.equal(p1.textContent, '5 items');
	assert.equal(p2.textContent, 'd, e, f, g, h');
}