diff --git a/web/ui/react-app/src/pages/targets/TargetLabels.test.tsx b/web/ui/react-app/src/pages/targets/TargetLabels.test.tsx index c25e95d8f1..e71d311b92 100644 --- a/web/ui/react-app/src/pages/targets/TargetLabels.test.tsx +++ b/web/ui/react-app/src/pages/targets/TargetLabels.test.tsx @@ -25,7 +25,7 @@ describe('targetLabels', () => { it('renders a div of series labels', () => { const div = targetLabels.find('div').filterWhere(elem => elem.hasClass('series-labels-container')); expect(div).toHaveLength(1); - expect(div.prop('id')).toEqual('series-labels-cortex\\/node-exporter_group\\/0-1'); + expect(div.prop('id')).toEqual('series-labels-cortex/node-exporter_group/0-1'); }); it('wraps each label in a label badge', () => { diff --git a/web/ui/react-app/src/pages/targets/TargetLabels.tsx b/web/ui/react-app/src/pages/targets/TargetLabels.tsx index 4fffdcfb2c..45376a1825 100644 --- a/web/ui/react-app/src/pages/targets/TargetLabels.tsx +++ b/web/ui/react-app/src/pages/targets/TargetLabels.tsx @@ -20,7 +20,7 @@ const TargetLabels: FC = ({ discoveredLabels, labels, idx, sc const [tooltipOpen, setTooltipOpen] = useState(false); const toggle = (): void => setTooltipOpen(!tooltipOpen); - const id = `series-labels-${CSS.escape(scrapePool)}-${idx}`; + const id = `series-labels-${scrapePool}-${idx}`; return ( <> @@ -33,7 +33,7 @@ const TargetLabels: FC = ({ discoveredLabels, labels, idx, sc ); })} - + Before relabeling: {formatLabels(discoveredLabels).map((s: string, idx: number) => ( diff --git a/web/ui/react-app/src/pages/targets/__snapshots__/TargetLabels.test.tsx.snap b/web/ui/react-app/src/pages/targets/__snapshots__/TargetLabels.test.tsx.snap index 1d43e29f5e..7613249cba 100644 --- a/web/ui/react-app/src/pages/targets/__snapshots__/TargetLabels.test.tsx.snap +++ b/web/ui/react-app/src/pages/targets/__snapshots__/TargetLabels.test.tsx.snap @@ -4,7 +4,7 @@ exports[`targetLabels renders discovered labels 1`] = `