Embedded Single Card: Card route type parse experiment IDs (#6482)

Add handling to parse experiment IDs for card route `tb.corp/card/<exp_ids>/tag/<tag>` .

Author: bhuang1323

tensorboard/webapp/app_routing/internal_utils.ts

@@ -74,6 +74,13 @@ export function getExperimentIdsFromRouteParams(
       }
       return [DEFAULT_EXPERIMENT_ID];
     }
+    case RouteKind.CARD: {
+      const experimentIds = (params as CompareRouteParams).experimentIds;
+      if (experimentIds.indexOf(',') < 0) {
+        return [experimentIds];
+      }
+      return parseCompareExperimentStr(experimentIds).map(({id}) => id);
+    }
     case RouteKind.COMPARE_EXPERIMENT: {
       const typedParams = params as CompareRouteParams;
       return parseCompareExperimentStr(typedParams.experimentIds).map(

tensorboard/webapp/app_routing/internal_utils_test.ts

@@ -108,6 +108,20 @@ describe('app_routing/utils', () => {
       expect(actual).toEqual(['1', '2']);
     });
 
+    it('returns single id from card route', () => {
+      const actual = utils.getExperimentIdsFromRouteParams(RouteKind.CARD, {
+        experimentIds: '111',
+      });
+      expect(actual).toEqual(['111']);
+    });
+
+    it('returns multiple ids from card route', () => {
+      const actual = utils.getExperimentIdsFromRouteParams(RouteKind.CARD, {
+        experimentIds: 'e1:111,e2:222',
+      });
+      expect(actual).toEqual(['111', '222']);
+    });
+
     it('returns id from experiment route', () => {
       const actual = utils.getExperimentIdsFromRouteParams(
         RouteKind.EXPERIMENT,