Updated richtext (#13)

* Updating Contentful Compare to use semeantic compare.  Updated mock data.

* Updated mock data and all tests pass

* Working through an issue with stories

* Storybook is working

* Added alias imports and fixed tests

* Fixed lint issue

Author: CrashBytes

__mocks__/richtext.mock.ts

@@ -40,7 +40,7 @@ export const originalRichText: Document = {
       data: {}
     },
     {
-      nodeType: 'hyperlink',
+      nodeType: 'hyperlink' as any,
       content: [{ nodeType: 'text', value: 'The Council of Elrond', marks: [], data: {} }],
       data: { uri: 'https://lotr.fandom.com/wiki/Council_of_Elrond' }
     },
@@ -56,6 +56,11 @@ export const originalRichText: Document = {
           nodeType: BLOCKS.LIST_ITEM,
           content: [{ nodeType: 'text', value: 'Samwise Gamgee', marks: [], data: {} }],
           data: {}
+        },
+        {
+          nodeType: BLOCKS.LIST_ITEM,
+          content: [{ nodeType: 'text', value: 'Legolas Greenleaf', marks: [], data: {} }],
+          data: {}
         }
       ],
       data: {}
@@ -76,11 +81,6 @@ export const originalRichText: Document = {
       ],
       data: {}
     },
-    {
-      nodeType: BLOCKS.LIST_ITEM,
-      content: [{ nodeType: 'text', value: 'Legolas Greenleaf', marks: [], data: {} }],
-      data: {}
-    },
     {
       nodeType: BLOCKS.QUOTE,
       content: [{ nodeType: 'text', value: 'Even the smallest person can change the course of the future.', marks: [], data: {} }],
@@ -90,15 +90,15 @@ export const originalRichText: Document = {
       nodeType: BLOCKS.TABLE,
       content: [
         {
-          nodeType: 'table-row',
+          nodeType: BLOCKS.TABLE_ROW,
           content: [
             {
-              nodeType: 'table-cell',
+              nodeType: BLOCKS.TABLE_CELL,
               content: [{ nodeType: 'text', value: 'Gimli', marks: [], data: {} }],
               data: {}
             },
             {
-              nodeType: 'table-cell',
+              nodeType: BLOCKS.TABLE_CELL,
               content: [{ nodeType: 'text', value: 'Boromir', marks: [], data: {} }],
               data: {}
             }
@@ -176,7 +176,7 @@ export const modifiedRichText: Document = {
       data: {}
     },
     {
-      nodeType: 'hyperlink',
+      nodeType: 'hyperlink' as any,
       content: [{ nodeType: 'text', value: 'The Council of Elrond', marks: [], data: {} }],
       data: { uri: 'https://lotr.fandom.com/wiki/Council_of_Elrond' }
     },
@@ -192,6 +192,11 @@ export const modifiedRichText: Document = {
           nodeType: BLOCKS.LIST_ITEM,
           content: [{ nodeType: 'text', value: 'Samwise Gamgee (Updated)', marks: [], data: {} }],
           data: {}
+        },
+        {
+          nodeType: BLOCKS.LIST_ITEM,
+          content: [{ nodeType: 'text', value: 'Legolas Greenleaf (Updated)', marks: [], data: {} }],
+          data: {}
         }
       ],
       data: {}
@@ -212,11 +217,6 @@ export const modifiedRichText: Document = {
       ],
       data: {}
     },
-    {
-      nodeType: BLOCKS.LIST_ITEM,
-      content: [{ nodeType: 'text', value: 'Legolas Greenleaf (Updated)', marks: [], data: {} }],
-      data: {}
-    },
     {
       nodeType: BLOCKS.QUOTE,
       content: [{ nodeType: 'text', value: 'Even the smallest person can change the course of the future. (Updated)', marks: [], data: {} }],
@@ -226,15 +226,15 @@ export const modifiedRichText: Document = {
       nodeType: BLOCKS.TABLE,
       content: [
         {
-          nodeType: 'table-row',
+          nodeType: BLOCKS.TABLE_ROW,
           content: [
             {
-              nodeType: 'table-cell',
+              nodeType: BLOCKS.TABLE_CELL,
               content: [{ nodeType: 'text', value: 'Gimli', marks: [], data: {} }],
               data: {}
             },
             {
-              nodeType: 'table-cell',
+              nodeType: BLOCKS.TABLE_CELL,
               content: [{ nodeType: 'text', value: 'Boromir (Updated)', marks: [], data: {} }],
               data: {}
             }

__tests__/Compare.test.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 import { render, screen } from '@testing-library/react';
 import { Compare } from '../src/components/Compare';
 import { originalRichText, modifiedRichText } from '../__mocks__/richtext.mock';
+import { BLOCKS, type Document, type TopLevelBlock } from '@contentful/rich-text-types';
 
 describe('Compare', () => {
   it('Contentful Document Comparison handles structure mode with word-level changes in same element type', async () => {
@@ -54,43 +55,43 @@ describe('Compare', () => {
   });
 
   it('Contentful Document Comparison handles structure mode with different heading levels', async () => {
-    const origDoc = {
+    const origDoc: Document = {
       ...originalRichText,
       content: [
         {
-          nodeType: 'heading-1',
+          nodeType: BLOCKS.HEADING_1,
           content: [
             { nodeType: 'text', value: 'Main Title', marks: [], data: {} }
           ],
           data: {}
         },
         {
-          nodeType: 'heading-2',
+          nodeType: BLOCKS.HEADING_2,
           content: [
             { nodeType: 'text', value: 'Subtitle', marks: [], data: {} }
           ],
           data: {}
         }
-      ]
+      ] as TopLevelBlock[]
     };
-    const modDoc = {
+    const modDoc: Document = {
       ...modifiedRichText,
       content: [
         {
-          nodeType: 'heading-1',
+          nodeType: BLOCKS.HEADING_1,
           content: [
             { nodeType: 'text', value: 'Main Title', marks: [], data: {} }
           ],
           data: {}
         },
         {
-          nodeType: 'heading-2',
+          nodeType: BLOCKS.HEADING_2,
           content: [
             { nodeType: 'text', value: 'Updated Subtitle', marks: [], data: {} }
           ],
           data: {}
         }
-      ]
+      ] as TopLevelBlock[]
     };
     render(
       <Compare