chore: added trace detail tests (SigNoz#5523)

* feat: added trace filter test cases

* feat: added trace filter test cases - initial render

* feat: added test cases - query sync, filter section behaviour etc

* feat: deleted mock-data files

* feat: added test cases of undefined filters and items

* feat: deleted tsconfig

* feat: added clear and rest btn test cases for traces filters

* feat: added collapse and uncollapse test for traces filters

* chore: added trace detail tests

* chore: added trace detail tests - span selection, focus and reset

* chore: fixed eslint

frontend/src/container/TraceDetail/index.tsx

@@ -219,10 +219,18 @@ function TraceDetail({ response }: TraceDetailProps): JSX.Element {
 					<Col flex={`${SPAN_DETAILS_LEFT_COL_WIDTH}px`} />
 					<Col flex="auto">
 						<StyledSpace styledclass={[styles.floatRight]}>
-							<Button onClick={onFocusSelectedSpanHandler} icon={<FilterOutlined />}>
+							<Button
+								onClick={onFocusSelectedSpanHandler}
+								icon={<FilterOutlined />}
+								data-testid="span-focus-btn"
+							>
 								Focus on selected span
 							</Button>
-							<Button type="default" onClick={onResetHandler}>
+							<Button
+								type="default"
+								onClick={onResetHandler}
+								data-testid="reset-focus"
+							>
 								Reset Focus
 							</Button>
 						</StyledSpace>
@@ -262,6 +270,7 @@ function TraceDetail({ response }: TraceDetailProps): JSX.Element {
 				collapsedWidth={40}
 				defaultCollapsed
 				onCollapse={(value): void => setCollapsed(value)}
+				data-testid="span-details-sider"
 			>
 				{!collapsed && (
 					<StyledCol styledclass={[styles.selectedSpanDetailContainer]}>