default.test() — svelte Function Reference

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

Function javascript BuildSystem MessageProcessor

Entity Profile

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

Dependency Diagram

graph TD
  3ea56c5f_544f_0660_3416_b76e3ad90315["default.test()"]
  786fd3fa_1346_154b_fdbd_cfaf5ccc7340["_config.js"]
  3ea56c5f_544f_0660_3416_b76e3ad90315 -->|defined in| 786fd3fa_1346_154b_fdbd_cfaf5ccc7340
  style 3ea56c5f_544f_0660_3416_b76e3ad90315 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/tests/runtime-legacy/samples/dynamic-element-animation-2/_config.js lines 66–118

	async test({ assert, component, raf }) {
		// switch tag and things at the same time
		flushSync(() => {
			component.update('p', [
				{ id: 5, name: 'e' },
				{ id: 2, name: 'b' },
				{ id: 3, name: 'c' },
				{ id: 4, name: 'd' },
				{ id: 1, name: 'a' }
			]);
		});

		const ps = /** @type {NodeListOf<HTMLParagraphElement & { dy: number }>} */ (
			document.querySelectorAll('p')
		);
		raf.tick(0);
		assert.equal(ps[0].dy, 120);
		assert.equal(ps[4].dy, -120);

		raf.tick(50);
		assert.equal(ps[0].dy, 60);
		assert.equal(ps[4].dy, -60);

		raf.tick(100);
		assert.equal(ps[0].dy, 0);
		assert.equal(ps[4].dy, 0);

		flushSync(() => {
			component.update('span', [
				{ id: 1, name: 'a' },
				{ id: 2, name: 'b' },
				{ id: 3, name: 'c' },
				{ id: 4, name: 'd' },
				{ id: 5, name: 'e' }
			]);
		});

		const spans = /** @type {NodeListOf<HTMLSpanElement & { dy: number }>} */ (
			document.querySelectorAll('span')
		);

		raf.tick(100);
		assert.equal(spans[0].dy, 120);
		assert.equal(spans[4].dy, -120);

		raf.tick(150);
		assert.equal(spans[0].dy, 60);
		assert.equal(spans[4].dy, -60);

		raf.tick(200);
		assert.equal(spans[0].dy, 0);
		assert.equal(spans[4].dy, 0);
	}