feat(contact-page-redesign): Add utility and unit test.

packages/app/src/components/contact/contact-page-link.tsx

@@ -2,6 +2,7 @@ import { ChevronRight, External, Telephone } from '@corona-dashboard/icons';
 import styled from 'styled-components';
 import { ExternalLink } from '~/components/external-link';
 import { space } from '~/style/theme';
+import { formatLinkAccordingToType } from '~/utils/format-link-according-to-type';
 import { isInternalUrl } from '~/utils/is-internal-url';
 import { Link } from '~/utils/link';
 import { LinkType } from './types';
@@ -13,17 +14,6 @@ interface ContactPageLinkProps {
 }
 
 export const ContactPageLink = ({ href, label, linkType }: ContactPageLinkProps) => {
-  const formatLinkAccordingToType = (href: string, linkType: LinkType | undefined) => {
-    switch (linkType) {
-      case 'email':
-        return `mailto:${href}`;
-      case 'phone':
-        return `tel:${href.replace(/\s/g, '').replace('-', '')}`;
-      default:
-        return href;
-    }
-  };
-
   if (isInternalUrl(href)) {
     return (
       <LinkWrapper iconMargin={`0 0 0 ${space[2]}`}>

packages/app/src/utils/__tests__/format-link-according-to-type.spec.ts

@@ -0,0 +1,34 @@
+import { suite } from 'uvu';
+import * as assert from 'uvu/assert';
+import { formatLinkAccordingToType } from '../format-link-according-to-type';
+
+const FormatLinkAccordingToType = suite('formatLinkAccordingToType');
+
+FormatLinkAccordingToType('should not do anything to a regular link', () => {
+  const linkType = 'regular';
+  const href = '/';
+
+  const result = formatLinkAccordingToType(href, linkType);
+
+  assert.is(result, '/');
+});
+
+FormatLinkAccordingToType('should format as a telephone link', () => {
+  const linkType = 'phone';
+  const href = '123-456-789';
+
+  const result = formatLinkAccordingToType(href, linkType);
+
+  assert.is(result, 'tel:123456789');
+});
+
+FormatLinkAccordingToType('should format as a email link', () => {
+  const linkType = 'email';
+  const href = '[email protected]';
+
+  const result = formatLinkAccordingToType(href, linkType);
+
+  assert.is(result, 'mailto:[email protected]');
+});
+
+FormatLinkAccordingToType.run();

packages/app/src/utils/format-link-according-to-type.ts

@@ -0,0 +1,13 @@
+/**
+ * Returns a formatted link based on the link type of email, phone, regular
+ */
+export const formatLinkAccordingToType = (href: string, linkType: string | undefined) => {
+  switch (linkType) {
+    case 'email':
+      return `mailto:${href}`;
+    case 'phone':
+      return `tel:${href.replace(/\s/g, '').replaceAll('-', '')}`;
+    default:
+      return href;
+  }
+};