Merge pull request #2 from ecmwf-projects/COPDS-1409

Quality Assurance aside block.

README.md

@@ -43,3 +43,27 @@ yarn version --preminor
 
 yarn version --premajor
 ```
+
+## Publishing a new version
+
+Local package development:
+
+In order to install this package locally (while developing) in the same way as publishing,
+we can package it and install in webportal:
+
+```
+npm run build
+npm pack
+```
+
+This will create a ecmwf-projects-cads-blocks-...-.tgz. Add to the dependencies of cads-webportal:
+
+Something like this:
+
+```
+"dependencies": {
+      "@ecmwf-projects/cads-blocks-library": "file:/path/to/cads-blocks-library/ecmwf-projects-cads-blocks-library-3.0.5.tgz",
+}
+```
+
+Issue yarn install.

__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)
       })
     })
   })

__tests__/components/blocks/CheckItem.test.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+import { render } from '@testing-library/react'
+
+import { CheckItem } from '../../../src/components'
+
+describe('type checkitem', () => {
+  it('it renders correctly', () => {
+    render(
+      <CheckItem
+        block={{
+          "id": "qa_general_accuracy_and_consistency",
+          "href": "?tab=quality-assessment#qa_general_accuracy_and_consistency",
+          "type": "checkitem",
+          "title": "Accuracy and Consistency",
+          "status": "OK"
+        }}
+      />,
+    )
+  })
+})