test: trace test is updated

frontend/cypress/CustomFunctions/uncaughtExpection.ts

@@ -0,0 +1,14 @@
+const resizeObserverLoopErrRe = /ResizeObserver loop limit exceeded/;
+
+const unCaughtExpection = () => {
+	cy.on('uncaught:exception', (err) => {
+		if (resizeObserverLoopErrRe.test(err.message)) {
+			// returning false here prevents Cypress from
+			// failing the test
+			return false;
+		}
+		return true;
+	});
+};
+
+export default unCaughtExpection;

frontend/src/container/Trace/Graph/index.tsx

@@ -40,7 +40,7 @@ const TraceGraph = () => {
 
 	return (
 		<Container>
-			<Graph data={ChartData} name="traceGraphph" type="line" />
+			<Graph data={ChartData} name="traceGraph" type="line" />
 		</Container>
 	);
 };

frontend/src/container/Trace/TraceGraphFilter/index.tsx

@@ -56,6 +56,7 @@ const TraceGraphFilter = () => {
 
 			<SelectComponent
 				dropdownMatchSelectWidth
+				data-testid="selectedFunction"
 				value={functions.find((e) => selectedFunction === e.key)?.displayValue}
 				onChange={onClickSelectedFunctionHandler}
 			>
@@ -69,6 +70,7 @@ const TraceGraphFilter = () => {
 			<label>Group By</label>
 			<SelectComponent
 				dropdownMatchSelectWidth
+				data-testid="selectedGroupBy"
 				value={groupBy.find((e) => selectedGroupBy === e.key)?.displayValue}
 				onChange={onClickSelectedGroupByHandler}
 			>