From 0064890a5e196a2ab69fc79b8a1572f014778f4b Mon Sep 17 00:00:00 2001
From: Andreas Philippi <andreas.philippi@digitalservice.bund.de>
Date: Mon, 16 Oct 2023 14:09:19 +0200
Subject: [PATCH] Feat: support linebreaks in titles

This commit:

- Updates the converter version to the most recent version. This version
  imports line breaks in titles as `<br/>` tags
- Displays line breaks in the norm title in the frontend
- Displays line breaks as white space in section titles in the table of
  contents

RISDEV-2581 RISDEV-2546 RISDEV-2545
---
 backend/build.gradle.kts                      |   4 +-
 frontend/src/components/ExpandableDataSet.vue |   2 -
 frontend/src/components/NormsList.vue         |   4 +-
 .../tableOfContents/TableOfContents.vue       |  28 +-
 frontend/src/helpers/sanitizer.ts             |  51 +++
 .../routes/norms/norm/[normGuid]/content.vue  |  16 +-
 .../tableOfContents/tableOfContents.spec.ts   |   4 +-
 ...hrough-api-and-retrieve-xml-by-eli.spec.ts |   2 +-
 .../e2e/norms/testdata/norm_basic_exported.ts | 377 ++++++++++++++++++
 frontend/test/helpers/sanitizer.spec.ts       |  67 ++++
 10 files changed, 534 insertions(+), 21 deletions(-)
 create mode 100644 frontend/src/helpers/sanitizer.ts
 create mode 100644 frontend/test/e2e/norms/testdata/norm_basic_exported.ts
 create mode 100644 frontend/test/helpers/sanitizer.spec.ts

diff --git a/backend/build.gradle.kts b/backend/build.gradle.kts
index 70199db1f4..05ff8e48fb 100644
--- a/backend/build.gradle.kts
+++ b/backend/build.gradle.kts
@@ -217,9 +217,9 @@ dependencies {
 
     implementation("com.icegreen:greenmail:2.0.0")
 
-    implementation("de.bund.digitalservice:ris-norms-juris-converter:0.19.1")
+    implementation("de.bund.digitalservice:ris-norms-juris-converter:0.19.2")
     // for local development:
-    // implementation(files("ris-norms-juris-converter-0.19.1.jar"))
+    // implementation(files("ris-norms-juris-converter-0.19.2.jar"))
     // implementation("org.apache.commons:commons-text:1.10.0")
 
     implementation("com.fasterxml.jackson.dataformat:jackson-dataformat-xml:2.15.2")
diff --git a/frontend/src/components/ExpandableDataSet.vue b/frontend/src/components/ExpandableDataSet.vue
index 3f05a5c2a7..a44d31cdac 100644
--- a/frontend/src/components/ExpandableDataSet.vue
+++ b/frontend/src/components/ExpandableDataSet.vue
@@ -38,8 +38,6 @@ function collapse(): void {
       'hover:border-blue-500 hover:bg-blue-200': !isExpanded,
       'border-b': borderBottom,
     }"
-    close-icon-name="expand_less"
-    open-icon-name="expand_more"
   >
     <template #open-icon>
       <IconExpandMore />
diff --git a/frontend/src/components/NormsList.vue b/frontend/src/components/NormsList.vue
index e5fede7639..cbbbb5ad4a 100644
--- a/frontend/src/components/NormsList.vue
+++ b/frontend/src/components/NormsList.vue
@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import { sanitizeTableOfContentEntry } from "@/helpers/sanitizer"
+
 interface Norm {
   officialLongTitle: string
   guid: string
@@ -8,7 +10,7 @@ defineProps<{ norms: Norm[] }>()
 
 function formatTitle(title?: string): string {
   const titleIsMissing = title === undefined || title.length <= 0
-  return titleIsMissing ? "Kein Titel" : title
+  return titleIsMissing ? "Kein Titel" : sanitizeTableOfContentEntry(title)
 }
 </script>
 <template>
diff --git a/frontend/src/components/tableOfContents/TableOfContents.vue b/frontend/src/components/tableOfContents/TableOfContents.vue
index 24c53c1cdf..3d5313cba8 100644
--- a/frontend/src/components/tableOfContents/TableOfContents.vue
+++ b/frontend/src/components/tableOfContents/TableOfContents.vue
@@ -8,6 +8,7 @@ import {
   Recitals,
   isDocumentSection,
 } from "@/domain/norm"
+import { sanitizeTableOfContentEntry } from "@/helpers/sanitizer"
 import IconChevronRight from "~icons/ic/baseline-chevron-right"
 import IconExpandMore from "~icons/ic/baseline-expand-more"
 
@@ -33,11 +34,20 @@ const effectiveRecitals = computed(() => {
   } else if (!props.recitals.marker && !props.recitals.heading) {
     return "Präambel"
   } else {
-    return `${props.recitals.marker ?? ""} ${
-      props.recitals.heading ?? ""
-    }`.trim()
+    return sanitizeTableOfContentEntry(
+      `${props.recitals.marker ?? ""} ${props.recitals.heading ?? ""}`.trim(),
+    )
   }
 })
+
+const effectiveDocumentSections = computed(() =>
+  props.documentSections.map((i) => {
+    return {
+      ...i,
+      heading: sanitizeTableOfContentEntry(i.heading ?? ""),
+    }
+  }),
+)
 </script>
 
 <template>
@@ -48,7 +58,7 @@ const effectiveRecitals = computed(() => {
     title="Eingangsformel"
     :to="{
       name: 'norms-norm-normGuid-documentation-formula',
-      params: { normGuid: props.normGuid },
+      params: { normGuid },
     }"
   />
 
@@ -59,13 +69,13 @@ const effectiveRecitals = computed(() => {
     :title="effectiveRecitals"
     :to="{
       name: 'norms-norm-normGuid-documentation-recitals',
-      params: { normGuid: props.normGuid },
+      params: { normGuid },
     }"
   />
 
   <!-- Sections & articles -->
   <div
-    v-for="doc in props.documentSections"
+    v-for="doc in effectiveDocumentSections"
     :key="doc.guid"
     class="border-t border-gray-400"
     :class="{ 'last:border-b': marginLevel === 0 }"
@@ -93,7 +103,7 @@ const effectiveRecitals = computed(() => {
           :to="{
             name: 'norms-norm-normGuid-documentation-documentationGuid',
             params: {
-              normGuid: props.normGuid,
+              normGuid,
               documentationGuid: doc.guid,
             },
           }"
@@ -115,7 +125,7 @@ const effectiveRecitals = computed(() => {
       :title="`${doc.marker ?? ''} ${doc.heading ?? ''}`"
       :to="{
         name: 'norms-norm-normGuid-documentation-documentationGuid',
-        params: { normGuid: props.normGuid, documentationGuid: doc.guid },
+        params: { normGuid, documentationGuid: doc.guid },
       }"
     />
   </div>
@@ -127,7 +137,7 @@ const effectiveRecitals = computed(() => {
     title="Schlussformel"
     :to="{
       name: 'norms-norm-normGuid-documentation-conclusion',
-      params: { normGuid: props.normGuid },
+      params: { normGuid },
     }"
   />
 </template>
diff --git a/frontend/src/helpers/sanitizer.ts b/frontend/src/helpers/sanitizer.ts
new file mode 100644
index 0000000000..c058701a7b
--- /dev/null
+++ b/frontend/src/helpers/sanitizer.ts
@@ -0,0 +1,51 @@
+/* -------------------------------------------------- *
+ * Shared                                             *
+ * -------------------------------------------------- */
+
+type SanitizeRule = {
+  pattern: RegExp | string
+  replacement: string | null
+}
+
+/** Cleans up an input string according to a list of rules. */
+function sanitize(input: string, rules: SanitizeRule[]): string {
+  let output = input
+
+  rules.forEach((rule) => {
+    output = output.replace(rule.pattern, rule.replacement ?? "")
+  })
+
+  return output
+}
+
+/** Removes tags that indicate "Kuppelwörter" */
+const kwReplacement: SanitizeRule = {
+  pattern: /<(kw|KW)\/>/g,
+  replacement: null,
+}
+
+/** Removes FNR tags */
+const fnrReplacement: SanitizeRule = {
+  pattern: /<FnR ID="[^"]*"\/>/g,
+  replacement: null,
+}
+
+/* -------------------------------------------------- *
+ * Specific sanitizers                                *
+ * -------------------------------------------------- */
+
+export function sanitizeTableOfContentEntry(input: string): string {
+  return sanitize(input, [
+    kwReplacement,
+    fnrReplacement,
+    { pattern: /\s*<(br|BR)\/>\s*/g, replacement: " " },
+  ])
+}
+
+export function sanitizeNormTitle(input: string): string {
+  return sanitize(input, [
+    kwReplacement,
+    fnrReplacement,
+    { pattern: /\s*<(br|BR)\/>\s*/g, replacement: "\n" },
+  ])
+}
diff --git a/frontend/src/routes/norms/norm/[normGuid]/content.vue b/frontend/src/routes/norms/norm/[normGuid]/content.vue
index 3963616567..786474fa9c 100644
--- a/frontend/src/routes/norms/norm/[normGuid]/content.vue
+++ b/frontend/src/routes/norms/norm/[normGuid]/content.vue
@@ -1,18 +1,26 @@
 <script lang="ts" setup>
 import { storeToRefs } from "pinia"
+import { computed } from "vue"
 import TableOfContents from "@/components/tableOfContents/TableOfContents.vue"
+import { sanitizeNormTitle } from "@/helpers/sanitizer"
 import { useLoadedNormStore } from "@/stores/loadedNorm"
 
 const loadedNormStore = useLoadedNormStore()
 const { loadedNorm } = storeToRefs(loadedNormStore)
+
+const title = computed(() =>
+  loadedNorm.value?.metadataSections?.NORM?.[0]?.OFFICIAL_LONG_TITLE?.[0]
+    ? sanitizeNormTitle(
+        loadedNorm.value?.metadataSections?.NORM?.[0]?.OFFICIAL_LONG_TITLE?.[0],
+      )
+    : "",
+)
 </script>
 
 <template>
   <div class="w-5/6 max-w-screen-lg">
-    <h1 class="ds-heading-02-reg mb-32">
-      {{
-        loadedNorm?.metadataSections?.NORM?.[0]?.OFFICIAL_LONG_TITLE?.[0] ?? ""
-      }}
+    <h1 class="ds-heading-02-reg mb-32 whitespace-pre-wrap">
+      {{ title }}
     </h1>
     <h1 class="ds-label-01-bold mb-32">Nichtamtliches Inhaltsverzeichnis</h1>
 
diff --git a/frontend/test/components/tableOfContents/tableOfContents.spec.ts b/frontend/test/components/tableOfContents/tableOfContents.spec.ts
index 8a32c59816..06e4081d0c 100644
--- a/frontend/test/components/tableOfContents/tableOfContents.spec.ts
+++ b/frontend/test/components/tableOfContents/tableOfContents.spec.ts
@@ -78,13 +78,13 @@ const firstPart: DocumentSection = {
 const secondPart: DocumentSection = {
   guid: "guid",
   marker: "Second Part",
-  heading: "Heading of second part",
+  heading: "Heading<BR/> of second part",
   type: DocumentSectionType.PART,
   documentation: [
     {
       guid: "guid",
       marker: "Section",
-      heading: "Heading of section",
+      heading: "Heading<BR/> of section",
       type: DocumentSectionType.SECTION,
       documentation: [
         {
diff --git a/frontend/test/e2e/norms/norm-create-through-api-and-retrieve-xml-by-eli.spec.ts b/frontend/test/e2e/norms/norm-create-through-api-and-retrieve-xml-by-eli.spec.ts
index d3380fd45e..7237eab752 100644
--- a/frontend/test/e2e/norms/norm-create-through-api-and-retrieve-xml-by-eli.spec.ts
+++ b/frontend/test/e2e/norms/norm-create-through-api-and-retrieve-xml-by-eli.spec.ts
@@ -2,7 +2,7 @@ import { expect } from "@playwright/test"
 import jsdom from "jsdom"
 import { openNorm, saveNormFrame } from "./e2e-utils"
 import { testWithImportedNorm } from "./fixtures"
-import { normData as norm } from "./testdata/norm_basic"
+import { normData as norm } from "./testdata/norm_basic_exported"
 import { FieldType, fillInputField } from "./utilities"
 import { Article, MetadataSectionName, MetadatumType } from "@/domain/norm"
 
diff --git a/frontend/test/e2e/norms/testdata/norm_basic_exported.ts b/frontend/test/e2e/norms/testdata/norm_basic_exported.ts
new file mode 100644
index 0000000000..4fa9a6605d
--- /dev/null
+++ b/frontend/test/e2e/norms/testdata/norm_basic_exported.ts
@@ -0,0 +1,377 @@
+import { NormData } from "../fixtures"
+import { NormCategory, UndefinedDate } from "@/domain/norm"
+
+export const normData: NormData = {
+  jurisZipFileName: "Tierarznei.3-0_multi.zip",
+  documentation: [
+    {
+      marker: "Eingangsformel",
+      paragraphs: [
+        {
+          marker: "",
+          text: "Das Bundesministerium für Ernährung und Landwirtschaft verordnet auf Grund",
+        },
+      ],
+    },
+    {
+      marker: "Art 1",
+      heading:
+        "Verordnung über die Verwendung antibiotisch wirksamer Arzneimittel",
+      paragraphs: [],
+    },
+    {
+      marker: "Art 2",
+      heading:
+        "Änderung der Verordnung über Stoffe mit pharmakologischer Wirkung",
+      paragraphs: [
+        {
+          marker: "",
+          text: "§ 2 der Verordnung über Stoffe mit pharmakologischer Wirkung in der Fassung der Bekanntmachung vom 8. Juli 2009 (BGBl. I S. 1768) wird wie folgt geändert:",
+        },
+      ],
+    },
+    {
+      marker: "Art 3",
+      heading: "Inkrafttreten, Außerkrafttreten",
+      paragraphs: [
+        {
+          marker: "(1)",
+          text: "Diese Verordnung tritt am Tag nach der Verkündung in Kraft.",
+        },
+        {
+          marker: "(2)",
+          text: "Gleichzeitig treten außer Kraft",
+        },
+      ],
+    },
+    {
+      marker: "Schlussformel",
+      paragraphs: [
+        {
+          marker: "",
+          text: "Der Bundesrat hat zugestimmt.",
+        },
+      ],
+    },
+  ],
+  metadataSections: {
+    NORM: [
+      {
+        OFFICIAL_LONG_TITLE: [
+          "Verordnung<BR/> zur Anpassung von Rechtsverordnungen an das Tierarzneimittelrecht",
+        ],
+        OFFICIAL_SHORT_TITLE: ["Angepasstes Tierarzneimittelrecht"],
+        RIS_ABBREVIATION: ["Tierarznei"],
+        DOCUMENT_CATEGORY: ["NR"],
+        KEYWORD: ["Mantelverordnung", "BGBl I 2023, Nr 003"],
+        DIVERGENT_DOCUMENT_NUMBER: ["BJNR0030A0023"],
+        RIS_ABBREVIATION_INTERNATIONAL_LAW: [
+          "RIS-Abkürzung für völkerrechtliche Vereinbarungen 1",
+          "RIS-Abkürzung für völkerrechtliche Vereinbarungen 2",
+        ],
+        UNOFFICIAL_ABBREVIATION: [
+          "Nichtamtliche Buchstabenabkürzung 1",
+          "Nichtamtliche Buchstabenabkürzung 2",
+        ],
+        UNOFFICIAL_SHORT_TITLE: [
+          "Nichtamtliche Kurzüberschrift 1",
+          "Nichtamtliche Kurzüberschrift 2",
+        ],
+        UNOFFICIAL_LONG_TITLE: [
+          "Nichtamtliche Langüberschrift1",
+          "Nichtamtliche Langüberschrift2",
+        ],
+        UNOFFICIAL_REFERENCE: ["BGBl I 2009, 1102", "BGBl II 2022, 1351"],
+        REFERENCE_NUMBER: ["Aktenzeichen 1", "Aktenzeichen 2"],
+        DEFINITION: ["Definition 1", "Definition 2"],
+        AGE_OF_MAJORITY_INDICATION: ["minderjährig", "volljährig"],
+        VALIDITY_RULE: ["Gültigkeitsregelung 1", "Gültigkeitsregelung 2"],
+      },
+    ],
+    SUBJECT_AREA: [
+      { SUBJECT_FNA: ["315-12"] },
+      { SUBJECT_FNA: ["671-34"] },
+      { SUBJECT_GESTA: ["123-45"] },
+      { SUBJECT_GESTA: ["678-90"] },
+    ],
+    LEAD: [
+      { LEAD_JURISDICTION: ["BMVBS"], LEAD_UNIT: ["RS III 2"] },
+      { LEAD_JURISDICTION: ["BMI"], LEAD_UNIT: ["Z I 2"] },
+    ],
+    PARTICIPATION: [
+      { PARTICIPATION_TYPE: ["EZ"], PARTICIPATION_INSTITUTION: ["BR"] },
+      { PARTICIPATION_TYPE: ["RU"], PARTICIPATION_INSTITUTION: ["NT"] },
+    ],
+    CITATION_DATE: [{ DATE: ["02.01.2023"] }, { DATE: ["10.03.2001"] }],
+    AGE_INDICATION: [
+      { RANGE_START: ["Lebensjahr 28"] },
+      { RANGE_START: ["Monate 8"] },
+    ],
+    NORM_PROVIDER: [
+      { ENTITY: ["DEU"], DECIDING_BODY: ["BT"], RESOLUTION_MAJORITY: [true] },
+      {
+        ENTITY: ["DEU"],
+        DECIDING_BODY: ["BMinI"],
+        RESOLUTION_MAJORITY: [false],
+      },
+    ],
+    OFFICIAL_REFERENCE: [
+      {
+        PRINT_ANNOUNCEMENT: [
+          { ANNOUNCEMENT_GAZETTE: ["BGBl I"], YEAR: ["2023"], PAGE: ["3"] },
+        ],
+      },
+      {
+        PRINT_ANNOUNCEMENT: [
+          { ANNOUNCEMENT_GAZETTE: ["BGBl II"], YEAR: ["2024"], PAGE: ["9"] },
+        ],
+      },
+      {
+        DIGITAL_ANNOUNCEMENT: [
+          { ANNOUNCEMENT_MEDIUM: ["BGBl I"], EDITION: ["3"], YEAR: ["2023"] },
+        ],
+      },
+      {
+        DIGITAL_ANNOUNCEMENT: [
+          { ANNOUNCEMENT_MEDIUM: ["BGBl II"], EDITION: ["9"], YEAR: ["2024"] },
+        ],
+      },
+    ],
+    DIVERGENT_ENTRY_INTO_FORCE: [
+      {
+        DIVERGENT_ENTRY_INTO_FORCE_DEFINED: [
+          {
+            DATE: ["13.01.2023"],
+            NORM_CATEGORY: [NormCategory.BASE_NORM],
+          },
+        ],
+      },
+      {
+        DIVERGENT_ENTRY_INTO_FORCE_UNDEFINED: [
+          {
+            UNDEFINED_DATE: [UndefinedDate.UNDEFINED_FUTURE],
+            NORM_CATEGORY: [NormCategory.AMENDMENT_NORM],
+          },
+        ],
+      },
+      {
+        DIVERGENT_ENTRY_INTO_FORCE_UNDEFINED: [
+          {
+            UNDEFINED_DATE: [UndefinedDate.UNDEFINED_UNKNOWN],
+            NORM_CATEGORY: [NormCategory.TRANSITIONAL_NORM],
+          },
+        ],
+      },
+      {
+        DIVERGENT_ENTRY_INTO_FORCE_UNDEFINED: [
+          { UNDEFINED_DATE: [UndefinedDate.UNDEFINED_UNKNOWN] },
+        ],
+      },
+    ],
+    DIVERGENT_EXPIRATION: [
+      {
+        DIVERGENT_EXPIRATION_DEFINED: [
+          { DATE: ["13.01.2023"], NORM_CATEGORY: [NormCategory.BASE_NORM] },
+        ],
+      },
+      {
+        DIVERGENT_EXPIRATION_UNDEFINED: [
+          {
+            UNDEFINED_DATE: [UndefinedDate.UNDEFINED_FUTURE],
+            NORM_CATEGORY: [NormCategory.TRANSITIONAL_NORM],
+          },
+        ],
+      },
+    ],
+    ANNOUNCEMENT_DATE: [{ DATE: ["06.01.2023"] }],
+    DOCUMENT_TYPE: [
+      { TYPE_NAME: ["RV"], NORM_CATEGORY: [NormCategory.BASE_NORM] },
+    ],
+    CATEGORIZED_REFERENCE: [
+      { TEXT: ["&A 31 &B Art 1 Nr 4 Buchst a &E HGB &E3 § 246 &E6 Abs 1"] },
+      {
+        TEXT: [
+          "&A 32 &B Art 1 Nr 4 Buchst b &E HGB &E3 § 246 &E6 Abs 2 S 2 und 3",
+        ],
+      },
+    ],
+    ENTRY_INTO_FORCE: [{ DATE: ["01.01.2007"] }],
+    PRINCIPLE_ENTRY_INTO_FORCE: [{ DATE: ["01.01.2007"] }],
+    EXPIRATION: [{ UNDEFINED_DATE: [UndefinedDate.UNDEFINED_UNKNOWN] }],
+    PRINCIPLE_EXPIRATION: [
+      { UNDEFINED_DATE: [UndefinedDate.UNDEFINED_UNKNOWN] },
+    ],
+    STATUS_INDICATION: [
+      {
+        STATUS: [
+          {
+            NOTE: ["Zuletzt geändert durch Art. 6 G v. 22.12.2020 I 3328"],
+            DESCRIPTION: ["Art. 6 G"],
+            DATE: ["22.12.2020"],
+            REFERENCE: ["3328"],
+          },
+        ],
+      },
+      {
+        STATUS: [
+          {
+            NOTE: ["Zuletzt geändert durch Art. 7"],
+            DESCRIPTION: ["Art. 7"],
+          },
+        ],
+      },
+      {
+        REISSUE: [
+          {
+            NOTE: ["Neufassung durch Art. 35 v. 15.7.1999 I 3249"],
+            ARTICLE: ["Art. 35"],
+            DATE: ["15.07.1999"],
+            REFERENCE: ["3249"],
+          },
+        ],
+      },
+      {
+        REPEAL: [
+          {
+            TEXT: [
+              "V aufgeh. durch Art. 4 Nr. 1 G v. 15.7.1999 I 1618 (StARefG) mWv 1.1.2000",
+            ],
+          },
+        ],
+      },
+      {
+        REPEAL: [
+          {
+            TEXT: [
+              "V aufgeh. durch Art. 10 Nr. 9 G v. 29.12.1999 I 8172 (StARefG) mWv 3.2.2001",
+            ],
+          },
+        ],
+      },
+      {
+        OTHER_STATUS: [{ NOTE: ["Eine sonstige Stand-Angabe"] }],
+      },
+    ],
+    FOOTNOTES: [
+      {
+        FOOTNOTE: [
+          {
+            FOOTNOTE_OTHER: [
+              "Überschrift: Das G ist gem. Art. 4 d. G v. 27.8.1986 I 1410\n" +
+                "am 1.11.1986 in Kraft getreten*.\n" +
+                "*&",
+            ],
+          },
+          {
+            FOOTNOTE_OTHER: [
+              "(+++ Textnachweis ab:                             1.11.1986 +++)",
+            ],
+          },
+          {
+            FOOTNOTE_OTHER: [
+              "(+++ Änderungen aufgrund EinigVtr vgl. §§ 8a, 9a, 10a u. 32 +++)",
+            ],
+          },
+          {
+            FOOTNOTE_OTHER: [
+              "(+++ Stand:    Änderung durch Art. 2 G v. 12. 9.1996 I 1354 +++)\n" +
+                "*&",
+            ],
+          },
+          {
+            FOOTNOTE_CHANGE: [
+              "G aufgeh. durch Art. 13 Satz 3 G v. 27.9.1994 I 2705 mWv 6.10.1996,\n" +
+                "§§ 5a und 5b nach Maßgabe d. § 64 KrW-/AbfG 2929-27-2 G v. 27.9.1994\n" +
+                "I 2705; §§ 5a u. 5b abgelöst durch § 11 V v. 27.10.1987 I 2335 idF\n" +
+                "d. Art. 1 Nr. 6 V v. 16.4.2002 I 1360 mWv 1.5.2002",
+            ],
+          },
+        ],
+      },
+      {
+        FOOTNOTE: [
+          {
+            FOOTNOTE_COMMENT: [
+              'Überschrift u. Art. 1 Satz 1 Kursivdruck: "Schwerbeschädigter" jetzt "Schwerbehinderter" gem. Art. III § 4 G v. 24.4.1974 I 981',
+            ],
+          },
+        ],
+      },
+      {
+        FOOTNOTE: [
+          {
+            FOOTNOTE_DECISION: [
+              "Nichtig gem. BVerfGE v. 25.6.1969 I 1444 - 2 BvR 128/66 -",
+            ],
+          },
+        ],
+      },
+      {
+        FOOTNOTE: [
+          {
+            FOOTNOTE_STATE_LAW: [
+              "Das G gilt nach Maßgabe d. Art. 9 Abs. 2 u. d. Art. 9 Abs. 5\n" +
+                "\n" +
+                "EinigVtr v. 31.8.1990 iVm Art. 1 G v. 23.9.1990 II 885, 1194 in den\n" +
+                "\n" +
+                "beigetretenen Bundesländern (Art. 1 Abs. 1 EinigVtr) als Landesrecht\n" +
+                "\n" +
+                "fort*",
+            ],
+          },
+          {
+            FOOTNOTE_OTHER: ["Nur mit Überschrift aufgenommen\n" + "\n" + "*&"],
+          },
+        ],
+      },
+      {
+        FOOTNOTE: [
+          { FOOTNOTE_EU_LAW: ["EGRL 81/2009 (CELEX Nr: 32009L0081)"] },
+          { FOOTNOTE_EU_LAW: ["EGRL 81/2009 (CELEX Nr: 32009L0081) vgl."] },
+          { FOOTNOTE_EU_LAW: ["Art. 2 d. G v. 25.3.2020 I 674"] },
+          { FOOTNOTE_EU_LAW: ["EURL 23/2014 (CELEX Nr: 32014L0023) vgl."] },
+          { FOOTNOTE_EU_LAW: ["Art. 2 d. G v. 25.3.2020 I 674"] },
+          { FOOTNOTE_EU_LAW: ["EURL 24/2014 (CELEX Nr: 32014L0024) vgl."] },
+          { FOOTNOTE_EU_LAW: ["Art. 2 d. G v. 25.3.2020 I 674"] },
+          { FOOTNOTE_EU_LAW: ["EURL 25/2014 (CELEX Nr: 32014L0025) vgl."] },
+          { FOOTNOTE_EU_LAW: ["Art. 2 d. G v. 25.3.2020 I 674"] },
+        ],
+      },
+      {
+        FOOTNOTE: [
+          {
+            FOOTNOTE_OTHER: [
+              "Das G wurde als Artikel 1 G v. 20.7.2000 I 1045 (SeuchRNeuG) vom Bundestag mit Zustimmung des Bundesrates beschlossen. Es ist gem. Art. 5 Abs. 1 Satz 1 dieses G mWv 1.1.2001, §§ 37 und 38 mWv 26.7.2000 in Kraft getreten.",
+            ],
+          },
+        ],
+      },
+    ],
+    DOCUMENT_STATUS_SECTION: [
+      {
+        DOCUMENT_TEXT_PROOF: [{ TEXT: ["Textnachweis ab: 26.6.2017"] }],
+      },
+      {
+        DOCUMENT_STATUS: [
+          {
+            WORK_NOTE: ["PRÄTEXT(2)"],
+            DESCRIPTION: ["BGBl I"],
+            YEAR: ["2014"],
+            REFERENCE: ["610"],
+          },
+        ],
+      },
+      {
+        DOCUMENT_STATUS: [
+          {
+            WORK_NOTE: ["PRÄTEXT(16)"],
+            DESCRIPTION: ["BGBl I"],
+            YEAR: ["2008"],
+            REFERENCE: ["561"],
+          },
+        ],
+      },
+    ],
+  },
+  eli: "eli/bgbl-1/2023/s3",
+}
diff --git a/frontend/test/helpers/sanitizer.spec.ts b/frontend/test/helpers/sanitizer.spec.ts
new file mode 100644
index 0000000000..d875b14ec0
--- /dev/null
+++ b/frontend/test/helpers/sanitizer.spec.ts
@@ -0,0 +1,67 @@
+import {
+  sanitizeNormTitle,
+  sanitizeTableOfContentEntry,
+} from "@/helpers/sanitizer"
+
+describe("sanitizer", () => {
+  describe("sanitize table of content entry", () => {
+    it("replaces lowercase br tags with a space", () => {
+      const result = sanitizeTableOfContentEntry("Heading<br/> of section")
+      expect(result).toBe("Heading of section")
+    })
+
+    it("replaces uppercase tags with a space", () => {
+      const result = sanitizeTableOfContentEntry("Heading<BR/> of section")
+      expect(result).toBe("Heading of section")
+    })
+
+    it("replaces multiple br tags in the same string", () => {
+      const result = sanitizeTableOfContentEntry("Heading<br/> of<br/> section")
+      expect(result).toBe("Heading of section")
+    })
+
+    it("collapses surrounding whitespace", () => {
+      const result = sanitizeTableOfContentEntry("Heading <br/>  of section")
+      expect(result).toBe("Heading of section")
+    })
+
+    it("removes <kw/> tags", () => {
+      const result = sanitizeTableOfContentEntry("Heading <kw/>of section")
+      expect(result).toBe("Heading of section")
+    })
+
+    it("removes <KW/> tags", () => {
+      const result = sanitizeTableOfContentEntry("Heading <KW/>of section")
+      expect(result).toBe("Heading of section")
+    })
+
+    it('removes <FnR ID="..."/> tags', () => {
+      const result = sanitizeTableOfContentEntry(
+        'Heading <FnR ID="123"/>of section',
+      )
+      expect(result).toBe("Heading of section")
+    })
+  })
+
+  describe("sanitize norm title", () => {
+    it("replaces lowercase br tags with a linebreak", () => {
+      const result = sanitizeNormTitle("Heading<br/> of section")
+      expect(result).toBe("Heading\nof section")
+    })
+
+    it("replaces uppercase tags with a linebreak", () => {
+      const result = sanitizeNormTitle("Heading<BR/> of section")
+      expect(result).toBe("Heading\nof section")
+    })
+
+    it("replaces multiple br tags in the same string", () => {
+      const result = sanitizeNormTitle("Heading<br/> of<br/> section")
+      expect(result).toBe("Heading\nof\nsection")
+    })
+
+    it("collapses surrounding whitespace", () => {
+      const result = sanitizeNormTitle("Heading <br/>  of section")
+      expect(result).toBe("Heading\nof section")
+    })
+  })
+})