Function getOrCreateSuiteElement

src/test/tester.js:89–140

(suite)

}

function getOrCreateSuiteElement(suite) {
	if (suiteElementsMap.has(suite.name)) {
		return suiteElementsMap.get(suite.name);
	}

	// Create suite element components
	let isCollapsed = false;
	const $body = <div className="suite-body"></div>;

	const toggleCollapse = () => {
		isCollapsed = !isCollapsed;
		if (isCollapsed) {
			$body.classList.add("collapsed");
		} else {
			$body.classList.remove("collapsed");
		}
	};

	const $header = (
		<div className="suite-header" onclick={toggleCollapse}>
			<div className="suite-info">
				<span className="suite-status-icon"></span>
				<span className="suite-title">{suite.name}</span>
			</div>
			<div className="suite-meta">
				<span className="suite-badge"></span>
			</div>
		</div>
	);

	const $el = (
		<div className="suite-card">
			{$header}
			{$body}
		</div>
	);

	if ($suiteList) {
		$suiteList.append($el);
	}

	const suiteData = {
		el: $el,
		header: $header,
		body: $body,
		statusIcon: $header.querySelector(".suite-status-icon"),
		badge: $header.querySelector(".suite-badge"),
	};

	suiteElementsMap.set(suite.name, suiteData);
	return suiteData;
}

function updateSuiteElement(suite) {
	const { body, statusIcon, badge } = getOrCreateSuiteElement(suite);