fix: unsupported tag name in markdown-to-react.spec.tsx

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>

frontend/src/components/markdown-renderer/markdown-to-react/__snapshots__/markdown-to-react.spec.tsx.snap

@@ -57,9 +57,9 @@ exports[`markdown to react will use markdown render extensions 1`] = `
     data-native="true"
   >
      
-    <nodeprocessor>
+    <node-processor>
       node processor children
-    </nodeprocessor>
+    </node-processor>
      
   </span>
 </div>

frontend/src/components/markdown-renderer/markdown-to-react/markdown-to-react.spec.tsx

@@ -6,8 +6,6 @@
 import { MarkdownToReact } from './markdown-to-react'
 import { TestMarkdownRendererExtension } from './test-utils/test-markdown-renderer-extension'
 import { render } from '@testing-library/react'
-import type { EventMap } from 'eventemitter2'
-import { EventEmitter2 } from 'eventemitter2'
 
 describe('markdown to react', () => {
   it('can render markdown with newlines as line breaks', () => {
@@ -60,7 +58,7 @@ describe('markdown to react', () => {
     const view = render(
       <MarkdownToReact
         markdownContentLines={['<span>test</span>']}
-        markdownRenderExtensions={[new TestMarkdownRendererExtension(new EventEmitter2<EventMap>())]}
+        markdownRenderExtensions={[new TestMarkdownRendererExtension()]}
         newlinesAreBreaks={true}
         allowHtml={false}
       />

frontend/src/components/markdown-renderer/markdown-to-react/test-utils/test-markdown-renderer-extension.ts

@@ -28,7 +28,7 @@ export class TestMarkdownRendererExtension extends MarkdownRendererExtension {
   }
 
   buildTagNameAllowList(): string[] {
-    return ['nodeProcessor']
+    return ['node-processor']
   }
 
   configureMarkdownItPost(markdownIt: MarkdownIt) {

frontend/src/components/markdown-renderer/markdown-to-react/test-utils/test-node-processor.ts

@@ -9,7 +9,7 @@ import { Element, Text } from 'domhandler'
 
 export class TestNodeProcessor extends NodeProcessor {
   process(document: Document): Document {
-    document.childNodes.push(new Element('nodeProcessor', {}, [new Text('node processor children')]))
+    document.childNodes.push(new Element('node-processor', {}, [new Text('node processor children')]))
     return document
   }
 }

frontend/src/components/markdown-renderer/markdown-to-react/test-utils/test-replacer.tsx

@@ -10,7 +10,7 @@ import React, { Fragment } from 'react'
 
 export class TestReplacer extends ComponentReplacer {
   replace(node: Element, subNodeTransform: SubNodeTransform, nativeRenderer: NativeRenderer): NodeReplacement {
-    return node.tagName === 'nodeProcessor' ? (
+    return node.tagName === 'node-processor' ? (
       <Fragment>
         <span>NodeProcessor! </span>
         <span data-children={true}> {node.childNodes.map(subNodeTransform)} </span>