fix(util-endpoints): escape tilde when evaluating template (#3934)

Author: trivikr

packages/util-endpoints/src/utils/evaluateTemplate.spec.ts

@@ -13,6 +13,13 @@ describe(evaluateTemplate.name, () => {
     jest.clearAllMocks();
   });
 
+  it("should escape tilde while processing expression", () => {
+    const template = "foo `bar` baz";
+    // This test verifies that tilde is unescaped after processing.
+    expect(evaluateTemplate(template, mockOptions)).toBe(template);
+    expect(getAttr).not.toHaveBeenCalled();
+  });
+
   describe("should replace `{parameterName}` with value", () => {
     const parameterName = "bar";
     const template = "foo {parameterName} baz";

packages/util-endpoints/src/utils/evaluateTemplate.ts

@@ -32,6 +32,7 @@ export const evaluateTemplate = (template: string, options: EvaluateOptions) =>
 
   const templateContextNames = Object.keys(templateContext);
   const templateContextValues = Object.values(templateContext);
+  const templateWithTildeEscaped = templateWithAttr.replace(/\`/g, "\\`");
 
-  return new Function(...templateContextNames, `return \`${templateWithAttr}\``)(...templateContextValues);
+  return new Function(...templateContextNames, `return \`${templateWithTildeEscaped}\``)(...templateContextValues);
 };