Add test

mongodb · Mar 6, 2024 · 47ae6a4 · 47ae6a4
1 parent 0e4eb62
commit 47ae6a4
Show file tree

Hide file tree

Showing 3 changed files with 79 additions and 1 deletion.
diff --git a/src/components/SEO.js b/src/components/SEO.js
@@ -15,7 +15,7 @@ const SEO = ({ pageTitle, siteTitle, showDocsLandingTitle, canonical, slug }) =>
     const hrefLang = langCode === 'en-us' ? 'x-default' : langCode;
     // Do not remove class. This is used to prevent Smartling's CDN from potentially overwriting these links
     const smartlingNoRewriteClass = 'sl_norewrite';
-    return <link className={smartlingNoRewriteClass} rel="alternate" hrefLang={hrefLang} href={href} />;
+    return <link key={hrefLang} className={smartlingNoRewriteClass} rel="alternate" hrefLang={hrefLang} href={href} />;
   });
 
   return (

diff --git a/tests/unit/Head.test.js b/tests/unit/Head.test.js
@@ -5,6 +5,8 @@ import mockStaticQuery from '../utils/mockStaticQuery';
 import { useSiteMetadata } from '../../src/hooks/use-site-metadata';
 import { usePathPrefix } from '../../src/hooks/use-path-prefix';
 import useSnootyMetadata from '../../src/utils/use-snooty-metadata';
+import { AVAILABLE_LANGUAGES } from '../../src/utils/locale';
+import { DOTCOM_BASE_URL } from '../../src/utils/base-url';
 import mockCompleteEOLPageContext from './data/CompleteEOLPageContext.json';
 import mockEOLSnootyMetadata from './data/EOLSnootyMetadata.json';
 import mockHeadPageContext from './data/HeadPageContext.test.json';
@@ -123,4 +125,21 @@ describe('Head', () => {
       expectCanonicalTagToBeCorrect(canonicalTag);
     });
   });
+
+  describe('hreflang links', () => {
+    beforeEach(() => {
+      mockStaticQuery({
+        siteUrl: DOTCOM_BASE_URL,
+      });
+      useSnootyMetadata.mockImplementation(() => ({ ...mockEOLSnootyMetadata, eol: false }));
+    });
+
+    it.each([['/'], ['foo']])('renders based on slug', (slug) => {
+      const mockPageContext = { ...mockHeadPageContext, slug };
+      const { container } = render(<Head pageContext={mockPageContext} />);
+      const hrefLangLinks = container.querySelectorAll('link.sl_norewrite');
+      expect(hrefLangLinks).toHaveLength(AVAILABLE_LANGUAGES.length);
+      expect(hrefLangLinks).toMatchSnapshot();
+    });
+  });
 });
diff --git a/tests/unit/__snapshots__/Head.test.js.snap b/tests/unit/__snapshots__/Head.test.js.snap
@@ -0,0 +1,59 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Head hreflang links renders based on slug 1`] = `
+NodeList [
+  <link
+    class="sl_norewrite"
+    href="https://www.mongodb.com/"
+    hreflang="x-default"
+    rel="alternate"
+  />,
+  <link
+    class="sl_norewrite"
+    href="https://www.mongodb.com/zh-cn/"
+    hreflang="zh-cn"
+    rel="alternate"
+  />,
+  <link
+    class="sl_norewrite"
+    href="https://www.mongodb.com/ko-kr/"
+    hreflang="ko-kr"
+    rel="alternate"
+  />,
+  <link
+    class="sl_norewrite"
+    href="https://www.mongodb.com/pt-br/"
+    hreflang="pt-br"
+    rel="alternate"
+  />,
+]
+`;
+
+exports[`Head hreflang links renders based on slug 2`] = `
+NodeList [
+  <link
+    class="sl_norewrite"
+    href="https://www.mongodb.com/foo/"
+    hreflang="x-default"
+    rel="alternate"
+  />,
+  <link
+    class="sl_norewrite"
+    href="https://www.mongodb.com/zh-cn/foo/"
+    hreflang="zh-cn"
+    rel="alternate"
+  />,
+  <link
+    class="sl_norewrite"
+    href="https://www.mongodb.com/ko-kr/foo/"
+    hreflang="ko-kr"
+    rel="alternate"
+  />,
+  <link
+    class="sl_norewrite"
+    href="https://www.mongodb.com/pt-br/foo/"
+    hreflang="pt-br"
+    rel="alternate"
+  />,
+]
+`;