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

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/exports-2/_config.js lines 5–32

	test({ assert, target, component }) {
		assert.htmlEqual(
			target.innerHTML,
			'<p>clicks: 0</p><button>Increment</button><button>Decrement</button><button>Double</button>'
		);
		const [incrementButton, decrementButton, doubleButton] = target.querySelectorAll('button');

		incrementButton?.click();
		flushSync();
		assert.htmlEqual(
			target.innerHTML,
			'<p>clicks: 1</p><button>Increment</button><button>Decrement</button><button>Double</button>'
		);

		doubleButton?.click();
		flushSync();
		assert.htmlEqual(
			target.innerHTML,
			'<p>clicks: 2</p><button>Increment</button><button>Decrement</button><button>Double</button>'
		);

		decrementButton?.click();
		flushSync();
		assert.htmlEqual(
			target.innerHTML,
			'<p>clicks: 1</p><button>Increment</button><button>Decrement</button><button>Double</button>'
		);
	}