Test fixes.

__tests__/components/GenerateBlocks.test.tsx

@@ -35,7 +35,7 @@ describe('Generate layout from JSON', () => {
     expect(h1?.id).toBe(`abstract-1`)
     expect(h1?.innerHTML).toBe(`Here's a Heading`)
 
-    const anchor = element.container.querySelector('a')
+    const anchor = element.container.querySelector('a:not(.anchor)')
     expect(anchor?.innerHTML).toBe(`link`)
     expect(anchor).toHaveAttribute('href', 'https://google.com')
 
@@ -69,7 +69,7 @@ describe('Generate layout from JSON', () => {
 
       screen.getByText('title text section')
       screen.getByText('description text example')
-      const link = document.querySelector('a')
+      const link = document.querySelector('a:not(.anchor)') as HTMLAnchorElement
       expect(link?.href).toBe('https://support.ecmwf.int/')
       expect(link?.target).toBe('_blank')
     })
@@ -127,7 +127,9 @@ describe('Generate layout from JSON', () => {
             ]}
           />,
         )
-        expect(element.container).toBeEmptyDOMElement()
+
+        // Check that we only have an anchor
+        expect(element.container.childElementCount).toBe(1)
       })
     })
   })

src/components/GenerateBlocks.tsx

@@ -65,7 +65,9 @@ const GenerateBlocks = ({
     <>
       {blocks &&
         blocks.map((block, i) => {
-          if (!generateBlockByType[block.type]) return null
+          if (!generateBlockByType[block.type]) {
+            return null
+          }
           return (
             <React.Fragment key={`${i}_${block.id}`}>
               <Anchor className="anchor" id={block.id} />