default.test() — svelte Function Reference

Architecture documentation for the default.test() function in _config.js from the svelte codebase.

Function javascript BuildSystem QualityControl

Entity Profile

BuildSystem→ QualityControl→ default.test() — svelte Function Reference

Dependency Diagram

graph TD
  1691b099_7597_efe9_790f_94ca76fe8035["default.test()"]
  5223cecc_9c2a_f95d_a75d_08db2b81e3f7["_config.js"]
  1691b099_7597_efe9_790f_94ca76fe8035 -->|defined in| 5223cecc_9c2a_f95d_a75d_08db2b81e3f7
  style 1691b099_7597_efe9_790f_94ca76fe8035 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/each-was-empty/_config.js lines 9–79

	async test({ assert, target }) {
		const [increment, set_undefined, set_null, set_empty, set_list] =
			target.querySelectorAll('button');

		let [span] = target.querySelectorAll('span');

		// initial value
		assert.exists(span);
		assert.equal(span.innerHTML, '0');

		// increment value
		flushSync(() => increment.click());
		assert.equal(span.innerHTML, '1');

		// change collection to undefined
		flushSync(() => set_undefined.click());
		// increment value
		flushSync(() => increment.click());
		assert.equal(span.innerHTML, '2');

		// change collection to null
		flushSync(() => set_null.click());
		// increment value
		flushSync(() => increment.click());
		assert.equal(span.innerHTML, '3');

		// change collection to empty
		flushSync(() => set_empty.click());
		// increment value
		flushSync(() => increment.click());
		assert.equal(span.innerHTML, '4');

		// change collection to undefined
		flushSync(() => set_undefined.click());
		// increment value
		flushSync(() => increment.click());
		assert.equal(span.innerHTML, '5');

		// change collection to [1,2,3]
		flushSync(() => set_list.click());
		[span] = target.querySelectorAll('span');
		assert.notExists(span);
		assert.equal(target.querySelectorAll('li').length, 3);

		// change collection to undefined
		flushSync(() => set_undefined.click());
		[span] = target.querySelectorAll('span');
		assert.exists(span);
		assert.equal(span.innerHTML, '5');

		// increment value
		flushSync(() => increment.click());
		assert.equal(span.innerHTML, '6');

		// change collection to null
		flushSync(() => set_null.click());
		// increment value
		flushSync(() => increment.click());
		assert.equal(span.innerHTML, '7');

		// change collection to empty
		flushSync(() => set_empty.click());
		// increment value
		flushSync(() => increment.click());
		assert.equal(span.innerHTML, '8');

		assert.htmlEqual(
			target.innerHTML,
			`<button>clicks: 8</button><button>undefined</button><button>null</button><button>empty</button><button>[1,2,3]</button><ul><li>count = <span>8</span></li></ul>`
		);
	}