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

Relationship Graph

Source Code

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

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

		component.boxes = [];

		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, '');
	}