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. 2 imports, 0 dependents.

File javascript BuildSystem MessageProcessor 2 imports 1 functions

Entity Profile

Dependency Diagram

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

Relationship Graph

Source Code

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

export default test({
	props: {
		railColor1: 'black',
		trackColor1: 'red',
		railColor2: 'green',
		trackColor2: 'blue',
		nestRailColor1: 'white',
		nestTrackColor1: 'gray',
		nestRailColor2: 'aqua',
		nestTrackColor2: 'pink'
	},
	html: `
		<svelte-css-wrapper style="display: contents; --rail-color: black; --track-color: red;">
			<div id="slider-1">
				<p class="svelte-17ay6rc">Slider</p>
				<span class="svelte-17ay6rc">Track</span>
			</div>
			<svelte-css-wrapper style="display: contents; --rail-color: white; --track-color: gray;">
				<div id="nest-slider-1">
					<p class="svelte-17ay6rc">Slider</p>
					<span class="svelte-17ay6rc">Track</span>
				</div>
			</svelte-css-wrapper>
		</svelte-css-wrapper>
		<svelte-css-wrapper style="display: contents; --rail-color: green; --track-color: blue;">
			<div id="slider-2">
				<p class="svelte-17ay6rc">Slider</p>
				<span class="svelte-17ay6rc">Track</span>
			</div>
			<svelte-css-wrapper style="display: contents; --rail-color: aqua; --track-color: pink;">
				<div id="nest-slider-2">
					<p class="svelte-17ay6rc">Slider</p>
					<span class="svelte-17ay6rc">Track</span>
				</div>
			</svelte-css-wrapper>
		</svelte-css-wrapper>
	`,
	test({ component, assert, target }) {
		component.railColor1 = 'yellow';
		component.trackColor2 = 'orange';
		component.nestRailColor1 = 'lime';
		component.nestTrackColor2 = 'gold';

		assert.htmlEqual(
			target.innerHTML,
			`
			<svelte-css-wrapper style="display: contents; --rail-color:yellow; --track-color:red;">
				<div id="slider-1">
					<p class="svelte-17ay6rc">Slider</p>
					<span class="svelte-17ay6rc">Track</span>
				</div>
				<svelte-css-wrapper style="display: contents; --rail-color:lime; --track-color:gray;">
					<div id="nest-slider-1">
						<p class="svelte-17ay6rc">Slider</p>
						<span class="svelte-17ay6rc">Track</span>
					</div>
				</svelte-css-wrapper>
			</svelte-css-wrapper>
			<svelte-css-wrapper style="display: contents; --rail-color:green; --track-color:orange;">
				<div id="slider-2">
					<p class="svelte-17ay6rc">Slider</p>
					<span class="svelte-17ay6rc">Track</span>
				</div>
				<svelte-css-wrapper style="display: contents; --rail-color:aqua; --track-color:gold;">
					<div id="nest-slider-2">
						<p class="svelte-17ay6rc">Slider</p>
						<span class="svelte-17ay6rc">Track</span>
					</div>
				</svelte-css-wrapper>
			</svelte-css-wrapper>
		`
		);
	}
});

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, MessageProcessor 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 2 module(s): assert.js, test.
Where is _config.js in the architecture?
_config.js is located at packages/svelte/tests/runtime-browser/samples/svelte-self-css-custom-properties-dynamic/_config.js (domain: BuildSystem, subdomain: MessageProcessor, directory: packages/svelte/tests/runtime-browser/samples/svelte-self-css-custom-properties-dynamic).

Analyze Your Own Codebase

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

Try Supermodel Free