_config.js — svelte Source File

Source Code

import { ok, test } from '../../test';
import { flushSync } from 'svelte';

/** @type {Array<{ description: string, done: boolean }>} */
let tasks = [];

export default test({
	mode: ['client', 'hydrate'], // unnecessary to test this in ssr mode

	get props() {
		tasks = [
			{ description: 'put your left leg in', done: false },
			{ description: 'your left leg out', done: false },
			{ description: 'in, out, in, out', done: false },
			{ description: 'shake it all about', done: false }
		];
		return { tasks, selected: tasks[0] };
	},

	ssrHtml: `
		<select>
			<option selected value='[object Object]'>put your left leg in</option>
			<option value='[object Object]'>your left leg out</option>
			<option value='[object Object]'>in, out, in, out</option>
			<option value='[object Object]'>shake it all about</option>
		</select>

		<label>
			<input type='checkbox'> put your left leg in
		</label>

		<h2>Pending tasks</h2>
		<p>put your left leg in</p>
		<p>your left leg out</p>
		<p>in, out, in, out</p>
		<p>shake it all about</p>
	`,

	async test({ assert, component, target, window, variant }) {
		assert.htmlEqual(
			target.innerHTML,
			`
			<select>
				<option ${variant === 'hydrate' ? 'selected ' : ''}value='[object Object]'>put your left leg in</option>
				<option value='[object Object]'>your left leg out</option>
				<option value='[object Object]'>in, out, in, out</option>
				<option value='[object Object]'>shake it all about</option>
			</select>

			<label>
				<input type='checkbox'> put your left leg in
			</label>

			<h2>Pending tasks</h2>
			<p>put your left leg in</p>
			<p>your left leg out</p>
			<p>in, out, in, out</p>
			<p>shake it all about</p>
		`
		);
// ... (75 more lines)