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
  9f4a1973_b0c1_c0f1_79c5_64191a8dd84e["default.test()"]
  48f1cdd3_f877_32e0_b2e9_79a98842bdc1["_config.js"]
  9f4a1973_b0c1_c0f1_79c5_64191a8dd84e -->|defined in| 48f1cdd3_f877_32e0_b2e9_79a98842bdc1
  style 9f4a1973_b0c1_c0f1_79c5_64191a8dd84e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/tests/runtime-legacy/samples/dynamic-element-animation/_config.js lines 25–64

	test({ assert, component, target, raf }) {
		component.tag = 'p';
		assert.equal(target.querySelectorAll('p').length, 5);

		component.tag = 'div';
		let divs = target.querySelectorAll('div');
		divs.forEach((div) => {
			div.getBoundingClientRect = function () {
				const index = [...(this.parentNode?.children ?? [])].indexOf(this);
				const top = index * 30;

				return /** @type {DOMRect} */ ({
					left: 0,
					right: 100,
					top,
					bottom: top + 20
				});
			};
		});

		component.things = [
			{ id: 5, name: 'e' },
			{ id: 2, name: 'b' },
			{ id: 3, name: 'c' },
			{ id: 4, name: 'd' },
			{ id: 1, name: 'a' }
		];

		raf.tick(0);

		divs = target.querySelectorAll('div');
		assert.equal(divs[0].style.transform, 'translate(0px, 120px)');
		assert.equal(divs[1].style.transform, '');
		assert.equal(divs[2].style.transform, '');
		assert.equal(divs[3].style.transform, '');
		assert.equal(divs[4].style.transform, 'translate(0px, -120px)');

		raf.tick(100);
		assert.deepEqual([divs[0].style.transform, divs[4].style.transform], ['', '']);
	}