Reduce number of DOM nodes in Profiler

Author: marvinhagemeister

src/view/components/profiler/flamegraph/modes/FlamegraphLayout.tsx

@@ -49,7 +49,7 @@ export function FlamegraphLayout({
 				if (pos.commitParent || pos.weight === -1) {
 					text = (
 						<>
-							<span data-testid="node-name">{node.name}</span>
+							{node.name}
 							{filterHoc && node.hocs ? (
 								<HocLabels hocs={node.hocs} nodeId={node.id} canMark={false} />
 							) : (
@@ -62,7 +62,7 @@ export function FlamegraphLayout({
 					const total = formatTime(node.endTime - node.startTime);
 					text = (
 						<>
-							<span data-testid="node-name">{node.name}</span>
+							{node.name}
 							{filterHoc && node.hocs ? (
 								<HocLabels hocs={node.hocs} nodeId={node.id} canMark={false} />
 							) : (

test-e2e/tests/profiler/flamegraph/utils.ts

@@ -5,7 +5,7 @@ export async function getFlameNodes(page: Page) {
 		return els.map(el => {
 			return {
 				maximized: el.hasAttribute("data-maximized"),
-				name: el.querySelector('[data-testid="node-name"]')!.textContent || "",
+				name: el.getAttribute("data-name") || "",
 				visible: el.hasAttribute("data-visible"),
 			};
 		});