Benchmark: Popper contains - MeasureThat.net

Script Preparation code:

function contains(parent, child) {
	if (parent.contains(child)) return true;
	
	let next = child;
	do {
		if (next && next.isSameNode(parent)) {
			return true;
		}
		// $FlowFixMe: need a better way to handle this...
		next = next.parentNode || next.host;
	} while (next);
	return false;
}

function containsEvent(parent, child) {
	if (parent.contains(child)) return true;

	try {
		const parentCheckHandler = (event) => {
			if (event instanceof CustomEvent && event.detail.isSameNode(child)) {
				event.preventDefault();
			}
		}
		parent.addEventListener('popper-parent', parentCheckHandler);

		const event = new CustomEvent('popper-parent', {
			bubbles: true,
			composed: true,
			cancelable: true,
			detail: child,
		});
		const cancelled = !child.dispatchEvent(event);
		parent.removeEventListener('popper-parent', parentCheckHandler);

		return cancelled;
	} catch {
		return false;
	}
}


const root = document.createElement("div");
let parent = root;
for (let i = 0; i < 12; i++) {
	const node = document.createElement("div");
	parent.appendChild(node);
	parent = node;
}
const leaf = parent;
const nonParent = document.createElement("div");

Tests:

Built-in Node.contains: is parent
root.contains(leaf);
Built-in Node.contains: not parent
nonParent.contains(leaf);
Contains function: is parent
contains(root, leaf);
Contains function: not parent
contains(nonParent, leaf);
Contains function (using event): is parent
containsEvent(root, leaf);
Contains function (using event): not parent
containsEvent(nonParent, leaf);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Built-in Node.contains: is parent
Built-in Node.contains: not parent
Contains function: is parent
Contains function: not parent
Contains function (using event): is parent
Contains function (using event): not parent

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

Popper contains (version: 0)

Comparing performance of: Built-in Node.contains: is parent vs Built-in Node.contains: not parent vs Contains function: is parent vs Contains function: not parent vs Contains function (using event): is parent vs Contains function (using event): not parent

Created: 4 years ago by: Registered User

Jump to the latest result

Built-in Node.contains: is parent

Built-in Node.contains: not parent

Contains function: is parent

Contains function: not parent

Contains function (using event): is parent

Contains function (using event): not parent

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

No previous run results