default.test() — svelte Function Reference

Architecture documentation for the default.test() function in _config.js from the svelte codebase.

Function javascript BuildSystem MessageProcessor calls 3

Entity Profile

BuildSystem→ MessageProcessor→ default.test() — svelte Function Reference

Dependency Diagram

graph TD
  09738283_cc38_edee_9839_0cd97bc2f4b3["default.test()"]
  7abd1f25_ead3_c2c1_82a8_73f5888465bf["_config.js"]
  09738283_cc38_edee_9839_0cd97bc2f4b3 -->|defined in| 7abd1f25_ead3_c2c1_82a8_73f5888465bf
  07d76165_84db_aa3e_f8fc_c7c9c3a10163["test()"]
  09738283_cc38_edee_9839_0cd97bc2f4b3 -->|calls| 07d76165_84db_aa3e_f8fc_c7c9c3a10163
  64164d24_772d_9563_ae17_82d2326b249a["tick()"]
  09738283_cc38_edee_9839_0cd97bc2f4b3 -->|calls| 64164d24_772d_9563_ae17_82d2326b249a
  b6b50867_b82d_6e21_1ea5_f22e93a7c3af["equal()"]
  09738283_cc38_edee_9839_0cd97bc2f4b3 -->|calls| b6b50867_b82d_6e21_1ea5_f22e93a7c3af
  style 09738283_cc38_edee_9839_0cd97bc2f4b3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/tests/runtime-browser/custom-elements-samples/nested/_config.js lines 6–28

	async test({ assert, target }) {
		target.innerHTML = '<my-app/>';
		await tick();
		await tick();
		/** @type {any} */
		const el = target.querySelector('my-app');
		const button = el.shadowRoot.querySelector('button');
		const span = el.shadowRoot.querySelector('span');
		const p = el.shadowRoot.querySelector('p');

		assert.equal(el.counter.count, 0);
		assert.equal(button.innerHTML, 'count: 0');
		assert.equal(span.innerHTML, 'slot 0');
		assert.equal(p.innerHTML, 'Context works');
		assert.equal(getComputedStyle(button).color, 'rgb(255, 0, 0)');

		button.dispatchEvent(new MouseEvent('click', { bubbles: true }));
		flushSync();

		assert.equal(el.counter.count, 1);
		assert.equal(button.innerHTML, 'count: 1');
		assert.equal(span.innerHTML, 'slot 1');
	}