default.test() — svelte Function Reference

Source Code

packages/svelte/tests/runtime-legacy/samples/binding-input-text-contextual/_config.js lines 33–78

	test({ assert, component, target, window }) {
		const inputs = [...target.querySelectorAll('input')];
		const items = component.items;
		const event = new window.Event('input');

		assert.equal(inputs[0].value, 'one');

		inputs[1].value = 'four';
		inputs[1].dispatchEvent(event);
		flushSync();

		assert.equal(items[1], 'four');
		assert.htmlEqual(
			target.innerHTML,
			`
			<div>
				<input><p>one</p>
			</div>
			<div>
				<input><p>four</p>
			</div>
			<div>
				<input><p>three</p>
			</div>
		`
		);

		items[2] = 'five';

		component.items = items;
		assert.equal(inputs[2].value, 'five');
		assert.htmlEqual(
			target.innerHTML,
			`
			<div>
				<input><p>one</p>
			</div>
			<div>
				<input><p>four</p>
			</div>
			<div>
				<input><p>five</p>
			</div>
		`
		);
	}