lint

Author: Peter-Hudson-G

src/components/form-elements/error-message/__tests__/ErrorMessage.test.tsx

@@ -27,7 +27,11 @@ describe('ErrorMessage', () => {
   });
 
   it('contains HTML', () => {
-    const { container } = render(<ErrorMessage>Error<span>this errored</span></ErrorMessage>);
+    const { container } = render(
+      <ErrorMessage>
+        Error<span>this errored</span>
+      </ErrorMessage>,
+    );
     expect(container.innerHTML).toMatch(`Error<span>this errored</span>`);
-  })
+  });
 });

src/components/form-elements/label/__tests__/Label.test.tsx

@@ -55,9 +55,14 @@ describe('Label', () => {
   });
 
   it('renders with HTML', () => {
-    const { container } = render(<Label>Text<span>and text within HTML</span></Label>);
+    const { container } = render(
+      <Label>
+        Text<span>and text within HTML</span>
+      </Label>,
+    );
 
-    expect(container.querySelector('label')?.innerHTML).toMatch('Text<span>and text within HTML</span>')
-    
+    expect(container.querySelector('label')?.innerHTML).toMatch(
+      'Text<span>and text within HTML</span>',
+    );
   });
 });

src/components/form-elements/legend/__tests__/Legend.test.tsx

@@ -43,5 +43,4 @@ describe('Legend', () => {
 
     expect(container.querySelector('legend')).toBeNull();
   });
-
 });

stories/Form Elements/ErrorMessage.stories.tsx

@@ -47,6 +47,12 @@ export const EmptyVisuallyHiddenText: Story = {
 };
 
 export const WithHTML: Story = {
-  args: { children: <>Enter your full name (or call <span className="nhsuk-u-nowrap">999 123 4567</span>)</>},
+  args: {
+    children: (
+      <>
+        Enter your full name (or call <span className="nhsuk-u-nowrap">999 123 4567</span>)
+      </>
+    ),
+  },
   argTypes: { visuallyHiddenText: { control: false } },
-}
+};

stories/Form Elements/Fieldset.stories.tsx

@@ -79,7 +79,9 @@ export const WithLegendHTML: Story = {
   name: 'With Legend HTML',
   render: () => (
     <Fieldset>
-      <Fieldset.Legend>What is your address? <strong>small note: this is your home address</strong></Fieldset.Legend>
+      <Fieldset.Legend>
+        What is your address? <strong>small note: this is your home address</strong>
+      </Fieldset.Legend>
     </Fieldset>
   ),
 };

stories/Form Elements/Label.stories.tsx

@@ -55,6 +55,10 @@ export const WithCustomSizeXL: Story = {
 export const WithHTML: Story = {
   name: 'With HTML',
   args: {
-    children: <>This has <span>a span HTML element</span></>,
+    children: (
+      <>
+        This has <span>a span HTML element</span>
+      </>
+    ),
   },
-};
+};