svelte Architecture Docs
Home / File/ _config.js — svelte Source File

_config.js — svelte Source File

Architecture documentation for _config.js, a javascript file in the svelte codebase. 3 imports, 0 dependents.

File javascript BuildSystem QualityControl 3 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  93f5bb71_eec2_795d_dcfc_1f8a4ca04d63["_config.js"]
  2a2d28a9_d1e5_6b47_9375_279552e7c7f8["assert.js"]
  93f5bb71_eec2_795d_dcfc_1f8a4ca04d63 --> 2a2d28a9_d1e5_6b47_9375_279552e7c7f8
  f4a0c661_f2f9_0ec6_e74c_ee5f896de9fe["assert_ok"]
  93f5bb71_eec2_795d_dcfc_1f8a4ca04d63 --> f4a0c661_f2f9_0ec6_e74c_ee5f896de9fe
  07d76165_84db_aa3e_f8fc_c7c9c3a10163["test"]
  93f5bb71_eec2_795d_dcfc_1f8a4ca04d63 --> 07d76165_84db_aa3e_f8fc_c7c9c3a10163
  style 93f5bb71_eec2_795d_dcfc_1f8a4ca04d63 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { assert_ok, test } from '../../assert';

export default test({
	props: {
		componentName: /** @type {string | undefined} */ ('Slider1')
	},
	html: `
		<svelte-css-wrapper style="display: contents; --rail-color: rgb(0, 0, 0); --track-color: rgb(255, 0, 0);">
			<div id="component1">
				<p class="svelte-q538ga">Slider1</p><span class="svelte-q538ga">Track</span>
			</div>
			<svelte-css-wrapper style="display: contents; --rail-color: rgb(255, 255, 0); --track-color: rgb(255, 0, 255);">
				<div id="nest-component1">
					<p class="svelte-q538ga">Slider1</p><span class="svelte-q538ga">Track</span></div>
				</div>
			</svelte-css-wrapper>
		</svelte-css-wrapper>
		<svelte-css-wrapper style="display: contents; --rail-color: rgb(0, 255, 0); --track-color: rgb(0, 0, 255);">
			<div id="component2">
				<p class="svelte-q538ga">Slider1</p><span class="svelte-q538ga">Track</span>
			</div>
			<svelte-css-wrapper style="display: contents; --rail-color: rgb(255, 255, 0); --track-color: rgb(255, 0, 255);">
				<div id="nest-component2">
					<p class="svelte-q538ga">Slider1</p><span class="svelte-q538ga">Track</span>
				</div>
			</svelte-css-wrapper>
		</svelte-css-wrapper>
	`,
	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

Functions

Dependencies

Source

Frequently Asked Questions

What does _config.js do?
_config.js is a source file in the svelte codebase, written in javascript. It belongs to the BuildSystem domain, QualityControl subdomain.
What functions are defined in _config.js?
_config.js defines 1 function(s): default.test.
What does _config.js depend on?
_config.js imports 3 module(s): assert.js, assert_ok, test.
Where is _config.js in the architecture?
_config.js is located at packages/svelte/tests/runtime-browser/samples/svelte-self-css-custom-properties2/_config.js (domain: BuildSystem, subdomain: QualityControl, directory: packages/svelte/tests/runtime-browser/samples/svelte-self-css-custom-properties2).

Analyze Your Own Codebase

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

Try Supermodel Free