updating snapshots

ricksmith130 · ricksmith130 · commit 7a41f7671a02 · 2025-09-22T13:29:43.000+01:00
diff --git a/package.json b/package.json
@@ -73,6 +73,7 @@
     "eslint-plugin-storybook": "9.1.3",
     "globals": "^16.4.0",
     "jest": "^30.1.3",
+    "jest-axe": "^10.0.0",
     "jest-environment-jsdom": "^30.1.2",
     "less": "^4.4.1",
     "nhsuk-frontend": "^9.0.1",
diff --git a/src/components/content-presentation/table/components/TableRow.tsx b/src/components/content-presentation/table/components/TableRow.tsx
@@ -21,7 +21,7 @@ const TableRow: FC<HTMLProps<HTMLTableRowElement>> = ({ className, children, ...
         return cloneElement(child, {
           _responsive: isResponsive,
           _responsiveHeading: `${headings[index] || ''} `,
-        });
+        } as any);
       }
       return child;
     });
diff --git a/src/components/form-elements/character-count/__tests__/__snapshots__/CharacterCount.test.tsx.snap b/src/components/form-elements/character-count/__tests__/__snapshots__/CharacterCount.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Character Count Matches snapshot 1`] = `
 <div>
diff --git a/src/components/form-elements/checkboxes/__tests__/__snapshots__/Checkboxes.test.tsx.snap b/src/components/form-elements/checkboxes/__tests__/__snapshots__/Checkboxes.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Checkboxes Matches the snapshot with an exclusive checkbox 1`] = `
 <div>
diff --git a/src/components/form-elements/date-input/__tests__/__snapshots__/DateInput.test.tsx.snap b/src/components/form-elements/date-input/__tests__/__snapshots__/DateInput.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`DateInput matches snapshot 1`] = `
 <div>
@@ -29,7 +29,6 @@ exports[`DateInput matches snapshot 1`] = `
             name="testInput-day"
             pattern="[0-9]*"
             type="text"
-            value=""
           />
         </div>
       </div>
@@ -53,7 +52,6 @@ exports[`DateInput matches snapshot 1`] = `
             name="testInput-month"
             pattern="[0-9]*"
             type="text"
-            value=""
           />
         </div>
       </div>
@@ -77,7 +75,6 @@ exports[`DateInput matches snapshot 1`] = `
             name="testInput-year"
             pattern="[0-9]*"
             type="text"
-            value=""
           />
         </div>
       </div>
diff --git a/src/components/form-elements/fieldset/__tests__/__snapshots__/Fieldset.test.tsx.snap b/src/components/form-elements/fieldset/__tests__/__snapshots__/Fieldset.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Fieldset Fieldset.Legend matches snapshot: FieldsetLegend 1`] = `
 <div>
diff --git a/src/components/form-elements/radios/__tests__/__snapshots__/Radios.test.tsx.snap b/src/components/form-elements/radios/__tests__/__snapshots__/Radios.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Radios matches snapshot 1`] = `
 <div>
diff --git a/src/components/form-elements/select/__tests__/__snapshots__/Select.test.tsx.snap b/src/components/form-elements/select/__tests__/__snapshots__/Select.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Select Matches the snapshot 1`] = `
 <div>
diff --git a/src/components/navigation/back-link/BackLink.tsx b/src/components/navigation/back-link/BackLink.tsx
@@ -1,18 +1,26 @@
 import * as React from 'react';
 import { FC } from 'react';
 import classNames from 'classnames';
+import type { AsElementLink } from '@util/types/LinkTypes';
+import { ChevronLeft } from '@components/content-presentation/icons/individual/ChevronLeft';
 
-export interface BreadcrumbProps {
+export interface BackLinkProps extends AsElementLink<'a'> {
   children: React.ReactNode;
   className?: string;
 }
 
-const Breadcrumb: FC<BreadcrumbProps> = ({ children, className }) => (
-  <nav className={classNames('nhsuk-breadcrumb', className)} aria-label="Breadcrumb">
-    <ol className="nhsuk-breadcrumb__list">
+const BackLink: FC<BackLinkProps> = ({
+  children,
+  className,
+  asElement: Component = 'a',
+  ...rest
+}) => (
+  <div className={classNames('nhsuk-back-link', className)}>
+    <Component className="nhsuk-back-link__link" {...rest}>
+      <ChevronLeft />
       {children}
-    </ol>
-  </nav>
+    </Component>
+  </div>
 );
 
-export default Breadcrumb;
+export default BackLink;
diff --git a/src/components/navigation/back-link/__tests__/__snapshots__/BackLink.test.tsx.snap b/src/components/navigation/back-link/__tests__/__snapshots__/BackLink.test.tsx.snap
@@ -12,9 +12,9 @@ exports[`BackLink matches snapshot: BackLink 1`] = `
       <svg
         aria-hidden="true"
         class="nhsuk-icon nhsuk-icon__chevron-left"
-        height="24"
+        height="34"
         viewBox="0 0 24 24"
-        width="24"
+        width="34"
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
diff --git a/src/components/utils/SingleInputFormGroup.tsx b/src/components/utils/SingleInputFormGroup.tsx
@@ -36,7 +36,7 @@ export type SingleInputFormGroupProps<T> = FormElementProps & {
 
 const SingleInputFormGroup = <T extends BaseFormElementRenderProps>(
   props: SingleInputFormGroupProps<T>,
-): Element => {
+): React.ReactElement => {
   const {
     children,
     hint,
diff --git a/src/components/utils/__tests__/__snapshots__/FormGroup.test.tsx.snap b/src/components/utils/__tests__/__snapshots__/FormGroup.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`FormGroup matches snapshot 1`] = `
 <div>
diff --git a/src/patterns/nav-a-z/NavAZ.tsx b/src/patterns/nav-a-z/NavAZ.tsx
@@ -44,7 +44,7 @@ interface NavAZProps extends HTMLProps<HTMLDivElement> {
 }
 
 interface NavAZ extends FC<NavAZProps> {
-  LinkItem: FC<AsElementLink<HTMLAnchorElement>>;
+  LinkItem: FC<AsElementLink<'a'>>;
   DisabledItem: FC<HTMLProps<HTMLSpanElement>>;
 }
 
@@ -70,8 +70,9 @@ const NavAZ: NavAZ = ({
   </nav>
 );
 
-const LinkItem: FC<AsElementLink<HTMLAnchorElement>> = ({
+const LinkItem: FC<AsElementLink<'a'>> = ({
   className,
+  children,
   asElement: Component = 'a',
   ...rest
 }) => (
@@ -84,7 +85,9 @@ const LinkItem: FC<AsElementLink<HTMLAnchorElement>> = ({
         className,
       )}
       {...rest}
-    />
+    >
+      {children}
+    </Component>
   </li>
 );
 
diff --git a/src/patterns/nav-a-z/__tests__/__snapshots__/NavAZ.test.tsx.snap b/src/patterns/nav-a-z/__tests__/__snapshots__/NavAZ.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`NavAZ matches snapshot: NavAZ 1`] = `
 <div>
diff --git a/src/patterns/panel/Panel.tsx b/src/patterns/panel/Panel.tsx
@@ -12,7 +12,7 @@ interface PanelProps extends HTMLProps<HTMLDivElement> {
 }
 
 interface Panel extends FC<PanelProps> {
-  LinkItem: FC<HTMLProps<HTMLAnchorElement>>;
+  LinkItem: FC<AsElementLink<'a'>>;
   Item: FC<HTMLProps<HTMLLIElement>>;
 }
 
@@ -46,13 +46,16 @@ const PanelItem: FC<HTMLProps<HTMLLIElement>> = ({ className, ...rest }) => (
   <li className={classNames('nhsuk-list-panel__item', className)} {...rest} />
 );
 
-const PanelLinkItem: FC<AsElementLink<HTMLAnchorElement>> = ({
+const PanelLinkItem: FC<AsElementLink<'a'>> = ({
   className,
+  children,
   asElement: Component = 'a',
   ...rest
 }) => (
   <PanelItem>
-    <Component className={classNames('nhsuk-list-panel__link', className)} {...rest} />
+    <Component className={classNames('nhsuk-list-panel__link', className)} {...rest}>
+      {children}
+    </Component>
   </PanelItem>
 );
 
diff --git a/src/patterns/panel/__tests__/__snapshots__/Panel.test.tsx.snap b/src/patterns/panel/__tests__/__snapshots__/Panel.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Panel ListPanel.Item matches snapshot: ListPanel.Item 1`] = `
 <div>
diff --git a/src/util/types/TypeGuards.ts b/src/util/types/TypeGuards.ts
@@ -6,15 +6,7 @@ import { CardType, CareCardType } from './NHSUKTypes';
  * Assert that a child item is of the given component type.
  */
 export const childIsOfComponentType = (
-  child:
-    | string
-    | number
-    | boolean
-    | ReactElement<any, string | JSXElementConstructor<any>>
-    | Iterable<ReactNode>
-    | ReactPortal
-    | null
-    | undefined,
+  child: ReactNode,
   component: FC,
 ): child is
   | ReactElement<any, string | JSXElementConstructor<any>>
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ const TableRow: FC<HTMLProps<HTMLTableRowElement>> = ({ className, children, ...`
`21`	`21`	`return cloneElement(child, {`
`22`	`22`	`_responsive: isResponsive,`
`23`	`23`	_responsiveHeading: `${headings[index] \|\| ''} `,
`24`		`- });`
	`24`	`+ } as any);`
`25`	`25`	`}`
`26`	`26`	`return child;`
`27`	`27`	`});`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-// Jest Snapshot v1, https://goo.gl/fbAQLP`
	`1`	`+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing`
`2`	`2`
`3`	`3`	exports[`Character Count Matches snapshot 1`] = `
`4`	`4`	`<div>`