all tests working

Author: ricksmith130

src/components/navigation/breadcrumb/__tests__/Breadcrumb.test.tsx

@@ -87,7 +87,7 @@ describe('Breadcrumb', () => {
       },
     );
 
-    it.each<string | undefined>([undefined, 'button'])(
+    it.each<'a' | undefined>([undefined, 'a'])(
       'Renders with asElement when specified as %s',
       (asElement) => {
         const { container } = render(

src/components/navigation/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Breadcrumb base element matches snapshot: BaseBreadcrumbs 1`] = `
 <div>

src/components/navigation/card/__tests__/__snapshots__/Card.test.tsx.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Card Card.Group matches snapshot 1`] = `
 <div>

src/components/navigation/card/components/CardLink.tsx

@@ -2,7 +2,7 @@ import React, { ElementType, FC } from 'react';
 import classNames from 'classnames';
 import { AsElementLink } from '@util/types/LinkTypes';
 
-interface CardLinkProps extends AsElementLink {
+interface CardLinkProps extends AsElementLink<React.ElementType> {
   className?: string;
 }
 

src/components/navigation/header/__tests__/__snapshots__/Header.test.tsx.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`The header component Matches the snapshot 1`] = `
 <div>

src/components/navigation/header/components/OrganisationalLogo.tsx

@@ -3,8 +3,9 @@ import React, { FC, useContext } from 'react';
 import HeaderContext, { IHeaderContext } from '../HeaderContext';
 import { AsElementLink } from '@util/types/LinkTypes';
 
-export interface OrganisationalLogoProps extends AsElementLink<HTMLAnchorElement> {
+export interface OrganisationalLogoProps extends AsElementLink<'a'> {
   logoUrl?: string;
+  alt?: string;
 }
 
 const OrganisationalLogo: FC<OrganisationalLogoProps> = ({
@@ -13,10 +14,11 @@ const OrganisationalLogo: FC<OrganisationalLogoProps> = ({
   asElement: Component = 'a',
   ...rest
 }) => {
+  const ElementComponent = Component as React.ElementType;
   const { orgName, orgSplit, orgDescriptor } = useContext<IHeaderContext>(HeaderContext);
   return (
     <div className="nhsuk-header__logo">
-      <Component className="nhsuk-header__link" {...rest}>
+      <ElementComponent className="nhsuk-header__link" {...rest}>
         {logoUrl ? (
           <img className="nhsuk-org-logo" src={logoUrl} alt={alt} />
         ) : (
@@ -48,7 +50,7 @@ const OrganisationalLogo: FC<OrganisationalLogoProps> = ({
             ) : null}
           </>
         )}
-      </Component>
+      </ElementComponent>
     </div>
   );
 };