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

Relationship Graph

Source Code

packages/svelte/tests/runtime-legacy/samples/const-tag-if-else/_config.js lines 8–53

	async test({ component, target, assert }) {
		component.boxes = [{ width: 30, height: 60 }];

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

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

		assert.htmlEqual(
			target.innerHTML,
			`
		<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>
		`
		);

		component.boxes = [
			{ width: 20, height: 40 },
			{ width: 30, height: 50 },
			{ width: 30, height: 50 }
		];
		assert.htmlEqual(target.innerHTML, '<div>3</div>');

		component.boxes = [];
		assert.htmlEqual(target.innerHTML, '<div>0</div>');
	}