Add unit test

Author: radmorecameron

packages/web/src/components/gcds-nav-link/gcds-nav-link.tsx

@@ -10,7 +10,7 @@ import {
   h,
 } from '@stencil/core';
 import { assignLanguage, observerConfig, emitEvent } from '../../utils/utils';
-import i18n from '../gcds-link/i18n/i18n'
+import gcdsLinkI18n from '../gcds-link/i18n/i18n'
 
 /**
  * Navigation link within a navigation group or menu, allowing users to navigate to different sections of a website or application.
@@ -113,7 +113,7 @@ export class GcdsNavLink {
     const isExternal = external;
 
     if (isExternal) {
-      return <gcds-icon name="external" label={i18n[lang].external} />;
+      return <gcds-icon name="external" label={gcdsLinkI18n[lang].external} />;
     }
 
     return null;

packages/web/src/components/gcds-nav-link/test/gcds-nav-link.spec.tsx

@@ -1,6 +1,8 @@
 import { newSpecPage } from '@stencil/core/testing';
 import { GcdsNavLink } from '../gcds-nav-link';
 
+import gcdsLinkI18n from '../../gcds-link/i18n/i18n'
+
 describe('gcds-nav-link', () => {
   it('renders', async () => {
     const page = await newSpecPage({
@@ -34,4 +36,23 @@ describe('gcds-nav-link', () => {
       </gcds-nav-link>
     `);
   });
+  it('renders external', async () => {
+    const page = await newSpecPage({
+      components: [GcdsNavLink],
+      html: `<gcds-nav-link href="#link" external>Nav Link</gcds-nav-link>`,
+    });
+    expect(page.root).toEqualHtml(`
+      <gcds-nav-link external="" href="#link" role="listitem">
+        <mock:shadow-root>
+          <a rel="noopener noreferrer" target="_blank" class="gcds-nav-link gcds-nav-link--sidenav" href="#link" tabindex="0">
+            <slot></slot>
+            <span class="text-icon-group">
+              <gcds-icon name="external" label="${gcdsLinkI18n.en.external}" />
+            </span>
+          </a>
+        </mock:shadow-root>
+        Nav Link
+      </gcds-nav-link>
+    `);
+  });
 });