default.test() — svelte Function Reference

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

Function javascript BuildSystem MessageProcessor

Entity Profile

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

Dependency Diagram

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

Relationship Graph

Source Code

packages/svelte/tests/runtime-legacy/samples/event-handler-each-modifier/_config.js lines 4–29

	async test({ assert, component, target, window }) {
		// set first
		await component.lists.update(() => [{ text: 'item1' }, { text: 'item2' }, { text: 'item3' }]);

		await component.lists.update(() => [{ text: 'item3' }, { text: 'item2' }, { text: 'item1' }]);

		await component.lists.update(() => [{ text: 'item1' }, { text: 'item2' }, { text: 'item3' }]);

		const [item1, item2] = /** @type {NodeListOf<Element>} */ (target.querySelectorAll('div'));
		const [item1Btn1, item1Btn2] = item1.querySelectorAll('button');
		const [item2Btn1, item2Btn2] = item2.querySelectorAll('button');

		const clickEvent = new window.MouseEvent('click', { bubbles: true });

		await item1Btn1.dispatchEvent(clickEvent);
		assert.equal(component.getNormalCount(), 1);

		await item1Btn2.dispatchEvent(clickEvent);
		assert.equal(component.getModifierCount(), 1);

		await item2Btn1.dispatchEvent(clickEvent);
		assert.equal(component.getNormalCount(), 2);

		await item2Btn2.dispatchEvent(clickEvent);
		assert.equal(component.getModifierCount(), 2);
	}