default.test() — svelte Function Reference

Architecture documentation for the default.test() function in _config.js from the svelte codebase.

Function javascript BuildSystem QualityControl

Entity Profile

BuildSystem→ QualityControl→ default.test() — svelte Function Reference

Dependency Diagram

graph TD
  bca2ed47_b565_fabc_d53a_f2952956eea6["default.test()"]
  412d07dc_d953_14fe_d8ba_ac31765c5e4e["_config.js"]
  bca2ed47_b565_fabc_d53a_f2952956eea6 -->|defined in| 412d07dc_d953_14fe_d8ba_ac31765c5e4e
  style bca2ed47_b565_fabc_d53a_f2952956eea6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/transition-delayed/_config.js lines 5–49

	test({ assert, raf, target }) {
		const btn = target.querySelector('button');

		// in
		btn?.click();
		flushSync();
		assert.htmlEqual(
			target.innerHTML,
			'<button>toggle</button><p style="opacity: 0;">delayed fade</p>'
		);
		raf.tick(1);
		assert.htmlEqual(
			target.innerHTML,
			'<button>toggle</button><p style="opacity: 0;">delayed fade</p>'
		);

		raf.tick(100);
		assert.htmlEqual(
			target.innerHTML,
			'<button>toggle</button><p style="opacity: 0;">delayed fade</p>'
		);

		raf.tick(150);
		assert.htmlEqual(
			target.innerHTML,
			'<button>toggle</button><p style="opacity: 0.5;">delayed fade</p>'
		);

		raf.tick(200);
		assert.htmlEqual(target.innerHTML, '<button>toggle</button><p style="">delayed fade</p>');

		// out
		btn?.click();
		flushSync();
		raf.tick(275);
		assert.htmlEqual(target.innerHTML, '<button>toggle</button><p style="">delayed fade</p>');

		raf.tick(300);

		raf.tick(350);
		assert.htmlEqual(
			target.innerHTML,
			'<button>toggle</button><p style="opacity: 0.5;">delayed fade</p>'
		);
	}