default.test() — svelte Function Reference

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

Function javascript BuildSystem MessageProcessor calls 4

Entity Profile

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

Dependency Diagram

graph TD
  f2d92dee_0a49_7c66_bb9d_a88a5072b492["default.test()"]
  2400698c_371e_3a0d_99c0_a3ea41c63e9e["_config.js"]
  f2d92dee_0a49_7c66_bb9d_a88a5072b492 -->|defined in| 2400698c_371e_3a0d_99c0_a3ea41c63e9e
  07d76165_84db_aa3e_f8fc_c7c9c3a10163["test()"]
  f2d92dee_0a49_7c66_bb9d_a88a5072b492 -->|calls| 07d76165_84db_aa3e_f8fc_c7c9c3a10163
  1a1e3a2d_79d1_2581_754a_d6d0e154f80f["tick()"]
  f2d92dee_0a49_7c66_bb9d_a88a5072b492 -->|calls| 1a1e3a2d_79d1_2581_754a_d6d0e154f80f
  f4a0c661_f2f9_0ec6_e74c_ee5f896de9fe["assert_ok()"]
  f2d92dee_0a49_7c66_bb9d_a88a5072b492 -->|calls| f4a0c661_f2f9_0ec6_e74c_ee5f896de9fe
  b6b50867_b82d_6e21_1ea5_f22e93a7c3af["equal()"]
  f2d92dee_0a49_7c66_bb9d_a88a5072b492 -->|calls| b6b50867_b82d_6e21_1ea5_f22e93a7c3af
  style f2d92dee_0a49_7c66_bb9d_a88a5072b492 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/tests/runtime-browser/custom-elements-samples/new-styled/_config.js lines 5–22

	async test({ assert, target }) {
		target.innerHTML = '<p>unstyled</p>';
		target.appendChild(document.createElement('custom-element'));
		await tick();
		await tick();

		const unstyled = target.querySelector('p');
		assert_ok(unstyled);
		/** @type {any} */
		const el = target.querySelector('custom-element');
		const styled = el.shadowRoot.querySelector('p');

		assert.equal(unstyled.textContent, 'unstyled');
		assert.equal(styled.textContent, 'styled');

		assert.equal(getComputedStyle(unstyled).color, 'rgb(0, 0, 0)');
		assert.equal(getComputedStyle(styled).color, 'rgb(255, 0, 0)');
	}