MWPW-108710 - Handle Emdashes

* Change makeRelative to swap emdashes for double hyphen. Resolves: MWPW-108710
adobecom · Apr 22, 2022 · 98b92dc · 98b92dc
1 parent 2993a1f
commit 98b92dc
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/scripts/scripts.js b/scripts/scripts.js
@@ -75,8 +75,9 @@ export async function loadBlock(block) {
 }
 
 export function makeRelative(href) {
+  const fixedHref = href.replace(/\u2013|\u2014/g, '--');
   const hosts = [`${PROJECT_NAME}.hlx.page`, `${PROJECT_NAME}.hlx.live`, ...PRODUCTION_DOMAINS];
-  const url = new URL(href);
+  const url = new URL(fixedHref);
   const relative = hosts.some((host) => url.hostname.includes(host));
   return relative ? `${url.pathname}${url.search}${url.hash}` : href;
 }

diff --git a/test/scripts/scripts.test.js b/test/scripts/scripts.test.js
@@ -80,4 +80,10 @@ describe('Utilities', () => {
     expect(scripts.getMetadata('og:title')).to.equal('Milo');
     expect(scripts.getMetadata('description')).to.equal('Website foundation technology.');
   });
+
+  it('Makes relative URLs', () => {
+    const emdashHref = 'https://main—milo—adobecom.hlx.page/img/bg-dots.svg';
+    const relativeUrl = scripts.makeRelative(emdashHref);
+    expect(relativeUrl).to.equal('/img/bg-dots.svg');
+  });
 });