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
  7c5a4e0f_6067_4ae5_386a_6d0d08b9e9ca["default.test()"]
  137bb275_8419_8741_12f7_fc78d67363ee["_config.js"]
  7c5a4e0f_6067_4ae5_386a_6d0d08b9e9ca -->|defined in| 137bb275_8419_8741_12f7_fc78d67363ee
  style 7c5a4e0f_6067_4ae5_386a_6d0d08b9e9ca fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/tests/runtime-legacy/samples/transition-inert/_config.js lines 4–30

	async test({ assert, component, target, raf }) {
		const a = target.querySelector('button.a');
		const b = target.querySelector('button.b');
		ok(a);
		ok(b);

		// check and abort halfway through the outro transition
		component.visible = false;
		raf.tick(50);
		assert.ok(target.querySelector('button.a')?.inert);
		assert.ok(target.querySelector('button.b')?.inert);

		component.visible = true;
		assert.ok(!target.querySelector('button.a')?.inert);
		assert.ok(!target.querySelector('button.b')?.inert);

		// let it transition out completely and then back in
		component.visible = false;
		raf.tick(101);
		component.visible = true;
		raf.tick(150);
		assert.ok(!target.querySelector('button.a')?.inert);
		assert.ok(!target.querySelector('button.b')?.inert);
		raf.tick(151);
		assert.ok(!target.querySelector('button.a')?.inert);
		assert.ok(!target.querySelector('button.b')?.inert);
	}