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 QualityControl calls 3

Entity Profile

Dependency Diagram

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

Relationship Graph

Source Code

packages/svelte/tests/runtime-browser/samples/svelte-self-css-custom-properties2/_config.js lines 29–102

	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');
			const nest_rail_color1 = target.querySelector('#nest-component1 p');
			const nest_track_color1 = target.querySelector('#nest-component1 span');
			const nest_rail_color2 = target.querySelector('#nest-component2 p');
			const nest_track_color2 = target.querySelector('#nest-component2 span');
			assert_ok(rail_color1);
			assert_ok(track_color1);
			assert_ok(rail_color2);
			assert_ok(track_color2);
			assert_ok(nest_rail_color1);
			assert_ok(nest_track_color1);
			assert_ok(nest_rail_color2);
			assert_ok(nest_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(window.getComputedStyle(nest_rail_color1).color, 'rgb(255, 255, 0)');
			assert.equal(window.getComputedStyle(nest_track_color1).color, 'rgb(255, 0, 255)');
			assert.equal(window.getComputedStyle(nest_rail_color2).color, 'rgb(255, 255, 0)');
			assert.equal(window.getComputedStyle(nest_track_color2).color, 'rgb(255, 0, 255)');
			assert.equal(rail_color1.textContent, 'Slider1');
			assert.equal(rail_color2.textContent, 'Slider1');
			assert.equal(nest_rail_color1.textContent, 'Slider1');
			assert.equal(nest_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');
			const nest_rail_color1 = target.querySelector('#nest-component1 p');
			const nest_track_color1 = target.querySelector('#nest-component1 span');
			const nest_rail_color2 = target.querySelector('#nest-component2 p');
			const nest_track_color2 = target.querySelector('#nest-component2 span');

			assert_ok(rail_color1);
			assert_ok(track_color1);
			assert_ok(rail_color2);
			assert_ok(track_color2);
			assert_ok(nest_rail_color1);
			assert_ok(nest_track_color1);
			assert_ok(nest_rail_color2);
			assert_ok(nest_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(window.getComputedStyle(nest_rail_color1).color, 'rgb(0, 255, 255)');
			assert.equal(window.getComputedStyle(nest_track_color1).color, 'rgb(255, 255, 255)');
			assert.equal(window.getComputedStyle(nest_rail_color2).color, 'rgb(0, 255, 255)');
			assert.equal(window.getComputedStyle(nest_track_color2).color, 'rgb(255, 255, 255)');
			assert.equal(rail_color1.textContent, 'Slider2');
			assert.equal(rail_color2.textContent, 'Slider2');
			assert.equal(nest_rail_color1.textContent, 'Slider2');
			assert.equal(nest_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-self-css-custom-properties2/_config.js.
Where is default.test() defined?
default.test() is defined in packages/svelte/tests/runtime-browser/samples/svelte-self-css-custom-properties2/_config.js at line 29.
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