svelte Architecture Docs
Home / Function/ default.test() — svelte Function Reference

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

Dependency Diagram

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

Relationship Graph

Source Code

packages/svelte/tests/runtime-browser/samples/svelte-component-css-custom-properties2/_config.js lines 23–69

	test({ target, window, assert, component }) {
		function assert_slider_1() {
			const rail_color1 = target.querySelector('#component1 p');
			const track_color1 = target.querySelector('#component1 span');
			const rail_color2 = target.querySelector('#component2 p');
			const track_color2 = target.querySelector('#component2 span');

			assert_ok(rail_color1);
			assert_ok(track_color1);
			assert_ok(rail_color2);
			assert_ok(track_color2);

			assert.equal(window.getComputedStyle(rail_color1).color, 'rgb(0, 0, 0)');
			assert.equal(window.getComputedStyle(track_color1).color, 'rgb(255, 0, 0)');
			assert.equal(window.getComputedStyle(rail_color2).color, 'rgb(0, 255, 0)');
			assert.equal(window.getComputedStyle(track_color2).color, 'rgb(0, 0, 255)');
			assert.equal(rail_color1.textContent, 'Slider1');
			assert.equal(rail_color2.textContent, 'Slider1');
		}

		function assert_slider_2() {
			const rail_color1 = target.querySelector('#component1 p');
			const track_color1 = target.querySelector('#component1 span');
			const rail_color2 = target.querySelector('#component2 p');
			const track_color2 = target.querySelector('#component2 span');

			assert_ok(rail_color1);
			assert_ok(track_color1);
			assert_ok(rail_color2);
			assert_ok(track_color2);

			assert.equal(window.getComputedStyle(rail_color1).color, 'rgb(0, 0, 0)');
			assert.equal(window.getComputedStyle(track_color1).color, 'rgb(255, 0, 0)');
			assert.equal(window.getComputedStyle(rail_color2).color, 'rgb(0, 255, 0)');
			assert.equal(window.getComputedStyle(track_color2).color, 'rgb(0, 0, 255)');
			assert.equal(rail_color1.textContent, 'Slider2');
			assert.equal(rail_color2.textContent, 'Slider2');
		}

		assert_slider_1();
		component.componentName = 'Slider2';
		assert_slider_2();
		component.componentName = undefined;
		assert.equal(window.document.querySelector('div')?.firstElementChild, null);
		component.componentName = 'Slider1';
		assert_slider_1();
	}

Domain

Subdomains

Defined In

Calls

Source

Frequently Asked Questions

What does default.test() do?
default.test() is a function in the svelte codebase, defined in packages/svelte/tests/runtime-browser/samples/svelte-component-css-custom-properties2/_config.js.
Where is default.test() defined?
default.test() is defined in packages/svelte/tests/runtime-browser/samples/svelte-component-css-custom-properties2/_config.js at line 23.
What does default.test() call?
default.test() calls 3 function(s): assert_ok, equal, test.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free