Add support for Trace

Signed-off-by: Shweta Padubidri <spadubid@redhat.com>

Author: shwetaap

web/src/__tests__/trace-node.spec.ts

@@ -2,9 +2,8 @@ import { TraceNode } from '../korrel8r/trace';
 
 const roundtrip = [
   {
-    url: `observe/traces?tempostack=NAME&namespace=NAMESPACE&tenant=TENANT&q=${encodeURIComponent(
-      '{resource.service.name = "article-service"}',
-    )}`,
+    url: `observe/traces?name=platform&namespace=openshift-tracing&tenant=platform&
+      q=${encodeURIComponent('{resource.service.name = "article-service"}')}`,
     query: `trace:trace:{resource.service.name = "article-service"}`,
   },
 ];
@@ -19,4 +18,13 @@ describe('TraceNode.fromQuery', () => {
   it.each(roundtrip)('$query', ({ query, url }) =>
     expect(TraceNode.fromQuery(query)?.toURL()).toEqual(url),
   );
+
+  it('Query => URL => Query', () => {
+    const query = 'trace:trace:{resource.service.name="shop-backend"}';
+    const expectedKorrel8rURL =
+      'observe/traces?name=platform&namespace=openshift-tracing&tenant=platform&q=%7Bresource.service.name%3D%22shop-backend%22%7D';
+    const actualKorrel8rURL = TraceNode.fromQuery(query)?.toURL();
+    expect(actualKorrel8rURL).toEqual(expectedKorrel8rURL);
+    expect(TraceNode.fromURL(actualKorrel8rURL)?.toQuery()).toEqual(query);
+  });
 });

web/src/korrel8r-utils.ts

@@ -23,6 +23,8 @@ export const nodeToLabel = (node: QueryNode): string => {
       return `${nodeClass} (${node.count})`;
     case Korrel8rDomain.Netflow:
       return `Network (${node.count})`;
+    case Korrel8rDomain.Trace:
+      return `Trace (${node.count})`;
     default:
       // eslint-disable-next-line no-console
       console.warn(`Unknown node type: ${node.class}`);

web/src/korrel8r/trace.ts

@@ -1,11 +1,12 @@
 import { Korrel8rNode } from './korrel8r.types';
 import { parseQuery, parseURL } from './query-url';
 
-// URL format: `observe/traces?namespace=<tempoNamespace>&name=<tempoName>&tenant=<tempoTenant>&q=<traceQL>` +
+// URL format:
+// `observe/traces?namespace=<tempoNamespace>&name=<tempoName>&tenant=<tempoTenant>&q=<traceQL>`
 
-// FIXME hard-coded tempo location, need to make this configurable/agreed between console & korrel8r.
+// FIXME hard-coded tempo location, need to make this configurable between console & korrel8r.
 // Get from the console page environment (change from using URL as context?)
-const [tempoNamespace, tempoName, tempoTenant] = ['NAMESPACE', 'NAME', 'TENANT'];
+const [tempoNamespace, tempoName, tempoTenant] = ['openshift-tracing', 'platform', 'platform'];
 
 export class TraceNode extends Korrel8rNode {
   query: string;
@@ -28,7 +29,7 @@ export class TraceNode extends Korrel8rNode {
     const [, traceQL] = parseQuery('trace', query);
     // FIME get variable tempo address info from query or config...
     return new TraceNode(
-      `observe/traces?tempostack=${tempoName}&namespace=${tempoNamespace}&tenant=${tempoTenant}&` +
+      `observe/traces?name=${tempoName}&namespace=${tempoNamespace}&tenant=${tempoTenant}&` +
         `q=${encodeURIComponent(traceQL)}`,
       query,
     );