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 QualityControl 2 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  5223cecc_9c2a_f95d_a75d_08db2b81e3f7["_config.js"]
  d952c6b0_fdc4_6752_d5aa_0b4adfa256ee["test.ts"]
  5223cecc_9c2a_f95d_a75d_08db2b81e3f7 --> d952c6b0_fdc4_6752_d5aa_0b4adfa256ee
  4ead6623_c53e_ab40_5690_64903d5addf1["svelte"]
  5223cecc_9c2a_f95d_a75d_08db2b81e3f7 --> 4ead6623_c53e_ab40_5690_64903d5addf1
  style 5223cecc_9c2a_f95d_a75d_08db2b81e3f7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { flushSync } from 'svelte';
import { test } from '../../test';

// https://github.com/sveltejs/svelte/issues/13550
// https://github.com/sveltejs/svelte/pull/13553
export default test({
	html: `<button>clicks: 0</button><button>undefined</button><button>null</button><button>empty</button><button>[1,2,3]</button><ul><li>count = <span>0</span></li></ul>`,

	async test({ assert, target }) {
		const [increment, set_undefined, set_null, set_empty, set_list] =
			target.querySelectorAll('button');

		let [span] = target.querySelectorAll('span');

		// initial value
		assert.exists(span);
		assert.equal(span.innerHTML, '0');

		// increment value
		flushSync(() => increment.click());
		assert.equal(span.innerHTML, '1');

		// change collection to undefined
		flushSync(() => set_undefined.click());
		// increment value
		flushSync(() => increment.click());
		assert.equal(span.innerHTML, '2');

		// change collection to null
		flushSync(() => set_null.click());
		// increment value
		flushSync(() => increment.click());
		assert.equal(span.innerHTML, '3');

		// change collection to empty
		flushSync(() => set_empty.click());
		// increment value
		flushSync(() => increment.click());
		assert.equal(span.innerHTML, '4');

		// change collection to undefined
		flushSync(() => set_undefined.click());
		// increment value
		flushSync(() => increment.click());
		assert.equal(span.innerHTML, '5');

		// change collection to [1,2,3]
		flushSync(() => set_list.click());
		[span] = target.querySelectorAll('span');
		assert.notExists(span);
		assert.equal(target.querySelectorAll('li').length, 3);

		// change collection to undefined
		flushSync(() => set_undefined.click());
		[span] = target.querySelectorAll('span');
		assert.exists(span);
		assert.equal(span.innerHTML, '5');

		// increment value
		flushSync(() => increment.click());
		assert.equal(span.innerHTML, '6');

		// change collection to null
		flushSync(() => set_null.click());
		// increment value
		flushSync(() => increment.click());
		assert.equal(span.innerHTML, '7');

		// change collection to empty
		flushSync(() => set_empty.click());
		// increment value
		flushSync(() => increment.click());
		assert.equal(span.innerHTML, '8');

		assert.htmlEqual(
			target.innerHTML,
			`<button>clicks: 8</button><button>undefined</button><button>null</button><button>empty</button><button>[1,2,3]</button><ul><li>count = <span>8</span></li></ul>`
		);
	}
});

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 2 module(s): svelte, test.ts.
Where is _config.js in the architecture?
_config.js is located at packages/svelte/tests/runtime-runes/samples/each-was-empty/_config.js (domain: BuildSystem, subdomain: QualityControl, directory: packages/svelte/tests/runtime-runes/samples/each-was-empty).

Analyze Your Own Codebase

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

Try Supermodel Free