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

Relationship Graph

Source Code

packages/svelte/tests/runtime-legacy/samples/transition-css-in-out-in/_config.js lines 4–31

	test({ assert, component, target, raf }) {
		component.visible = true;
		const div = target.querySelector('div');
		ok(div);

		assert.equal(div.style.scale, '0');

		raf.tick(50);
		component.visible = false;

		// both in and out styles
		assert.equal(div.style.scale, '0.5');
		assert.equal(div.style.opacity, '1');
		assert.equal(div.style.rotate, '360deg');

		raf.tick(75);

		assert.equal(div.style.scale, '0.75'); // intro continues while outro plays
		assert.equal(div.style.opacity, '0.75');
		assert.equal(div.style.rotate, '270deg');

		component.visible = true;

		// reset original styles
		assert.equal(div.style.scale, '0');
		assert.equal(div.style.opacity, '1');
		assert.equal(div.style.rotate, '360deg');
	}