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

Relationship Graph

Source Code

packages/svelte/tests/runtime-legacy/samples/const-tag-if-else-outro/_config.js lines 11–58

	async test({ component, target, assert, raf }) {
		component.boxes = [{ width: 40, height: 70 }];
		assert.htmlEqual(
			target.innerHTML,
			`
			<div>40 x 70</div>
			<div>40 x 70</div>
		`
		);

		component.boxes = [];

		raf.tick(0);
		assert.htmlEqual(target.innerHTML, '');

		component.boxes = [
			{ width: 20, height: 40 },
			{ width: 30, height: 50 }
		];

		assert.htmlEqual(
			target.innerHTML,
			`
		<div>20 x 40</div>
		<div>30 x 50</div>
		<div>20 x 40</div>
		<div>30 x 50</div>
		`
		);

		component.boxes = [
			{ width: 80, height: 70 },
			{ width: 90, height: 60 }
		];

		assert.htmlEqual(
			target.innerHTML,
			`
		<div>80 x 70</div>
		<div>90 x 60</div>
		<div>80 x 70</div>
		<div>90 x 60</div>
		`
		);

		component.boxes = [];
		assert.htmlEqual(target.innerHTML, '');
	}