Add changeNote, editorialNote, historyNote, add tests for notes #281

skohub-io · Mar 27, 2024 · 828155f · 828155f
1 parent ff13455
commit 828155f
Show file tree

Hide file tree

Showing 6 changed files with 145 additions and 19 deletions.
diff --git a/src/components/Concept.jsx b/src/components/Concept.jsx
@@ -52,22 +52,53 @@ const Concept = ({
           </Markdown>
         </div>
       )}
-      {concept.scopeNote && i18n(language)(concept.scopeNote) !== "" && (
+      {concept.note && i18n(language)(concept.note) !== "" && (
         <div className="markdown">
-          <h3>ScopeNote</h3>
-          <ul aria-labelledby="scopeNote">
-            {i18n(language)(concept.scopeNote).map((scopeNote, i) => (
-              <li key={i}>{scopeNote}</li>
+          <h3 id="note">Note</h3>
+          <ul aria-labelledby="note">
+            {i18n(language)(concept.note).map((note, i) => (
+              <li key={i}>{note}</li>
             ))}
           </ul>
         </div>
       )}
-      {concept.note && i18n(language)(concept.note) !== "" && (
+      {concept.changeNote && i18n(language)(concept.changeNote) !== "" && (
         <div className="markdown">
-          <h3>Note</h3>
-          <ul aria-labelledby="note">
-            {i18n(language)(concept.note).map((note, i) => (
-              <li key={i}>{note}</li>
+          <h3 id="changenote">ChangeNote</h3>
+          <ul aria-labelledby="changenote">
+            {i18n(language)(concept.changeNote).map((changeNote, i) => (
+              <li key={i}>{changeNote}</li>
+            ))}
+          </ul>
+        </div>
+      )}
+      {concept.editorialNote &&
+        i18n(language)(concept.editorialNote) !== "" && (
+          <div className="markdown">
+            <h3 id="editorialnote">EditorialNote</h3>
+            <ul aria-labelledby="editorialnote">
+              {i18n(language)(concept.editorialNote).map((editorialNote, i) => (
+                <li key={i}>{editorialNote}</li>
+              ))}
+            </ul>
+          </div>
+        )}
+      {concept.historyNote && i18n(language)(concept.historyNote) !== "" && (
+        <div className="markdown">
+          <h3 id="historynote">HistoryNote</h3>
+          <ul aria-labelledby="historynote">
+            {i18n(language)(concept.historyNote).map((historyNote, i) => (
+              <li key={i}>{historyNote}</li>
+            ))}
+          </ul>
+        </div>
+      )}
+      {concept.scopeNote && i18n(language)(concept.scopeNote) !== "" && (
+        <div className="markdown">
+          <h3 id="scopenote">ScopeNote</h3>
+          <ul aria-labelledby="scopenote">
+            {i18n(language)(concept.scopeNote).map((scopeNote, i) => (
+              <li key={i}>{scopeNote}</li>
             ))}
           </ul>
         </div>

diff --git a/src/context.js b/src/context.js
@@ -48,10 +48,19 @@ const jsonld = {
     definition: {
       "@container": "@language",
     },
-    scopeNote: {
+    note: {
       "@container": ["@language", "@set"],
     },
-    note: {
+    changeNote: {
+      "@container": ["@language", "@set"],
+    },
+    editorialNote: {
+      "@container": ["@language", "@set"],
+    },
+    historyNote: {
+      "@container": ["@language", "@set"],
+    },
+    scopeNote: {
       "@container": ["@language", "@set"],
     },
     notation: {

diff --git a/src/queries.js b/src/queries.js
@@ -49,10 +49,19 @@ module.exports.allConcept = (inScheme, languages) => `
           definition {
             ${[...languages].join(" ")}
           }
-          scopeNote {
+          note {
             ${[...languages].join(" ")}
           }
-          note {
+          changeNote {
+            ${[...languages].join(" ")}
+          }
+          editorialNote {
+            ${[...languages].join(" ")}
+          }
+          historyNote {
+            ${[...languages].join(" ")}
+          }
+          scopeNote {
             ${[...languages].join(" ")}
           }
           notation

diff --git a/src/types.js b/src/types.js
@@ -20,8 +20,11 @@ module.exports = (languages) => `
     altLabel: LanguageMapArray,
     hiddenLabel: LanguageMapArray,
     definition: LanguageMap,
-    scopeNote: LanguageMapArray,
     note: LanguageMapArray,
+    changeNote: LanguageMapArray,
+    editorialNote: LanguageMapArray,
+    historyNote: LanguageMapArray,
+    scopeNote: LanguageMapArray,
     notation: [String],
     example: LanguageMap,
     topConceptOf: [ConceptScheme] @link(from: "topConceptOf___NODE"),

diff --git a/test/concept.test.jsx b/test/concept.test.jsx
@@ -125,6 +125,71 @@ describe.concurrent("Concept", () => {
     ).toBeInTheDocument()
   })
 
+  it("renders notes", () => {
+    render(<Concept pageContext={ConceptPC} />)
+
+    expect(screen.getByText(/Meine Anmerkung/i)).toBeInTheDocument()
+
+    const list = screen.getByRole("list", {
+      name: "Note",
+    })
+    const { getAllByRole } = within(list)
+    const items = getAllByRole("listitem")
+    expect(items.length).toBe(2)
+  })
+
+  it("renders changeNotes", () => {
+    render(<Concept pageContext={ConceptPC} />)
+
+    expect(screen.getByText(/Meine Change Note/i)).toBeInTheDocument()
+
+    const list = screen.getByRole("list", {
+      name: /changenote/i,
+    })
+    const { getAllByRole } = within(list)
+    const items = getAllByRole("listitem")
+    expect(items.length).toBe(2)
+  })
+
+  it("renders editorialNotes", () => {
+    render(<Concept pageContext={ConceptPC} />)
+
+    expect(screen.getByText(/Meine Editorial Note/i)).toBeInTheDocument()
+
+    const list = screen.getByRole("list", {
+      name: /editorialnote/i,
+    })
+    const { getAllByRole } = within(list)
+    const items = getAllByRole("listitem")
+    expect(items.length).toBe(2)
+  })
+
+  it("renders historyNotes", () => {
+    render(<Concept pageContext={ConceptPC} />)
+
+    expect(screen.getByText(/Meine History Note/i)).toBeInTheDocument()
+
+    const list = screen.getByRole("list", {
+      name: /historynote/i,
+    })
+    const { getAllByRole } = within(list)
+    const items = getAllByRole("listitem")
+    expect(items.length).toBe(2)
+  })
+
+  it("renders scopeNotes", () => {
+    render(<Concept pageContext={ConceptPC} />)
+
+    expect(screen.getByText(/Meine Scope Note/i)).toBeInTheDocument()
+
+    const list = screen.getByRole("list", {
+      name: /scopenote/i,
+    })
+    const { getAllByRole } = within(list)
+    const items = getAllByRole("listitem")
+    expect(items.length).toBe(2)
+  })
+
   it("renders related Concepts", () => {
     render(<Concept pageContext={ConceptPC} />)
     expect(

diff --git a/test/data/pageContext.js b/test/data/pageContext.js
@@ -49,11 +49,20 @@ export const topConcept = {
   example: {
     de: "Ein Beispiel",
   },
-  scopeNote: {
-    de: ["Meine Scope Note"],
-  },
   note: {
-    de: ["Meine Anmerkung"],
+    de: ["Meine Anmerkung", "Noch eine Anmerkung"],
+  },
+  changeNote: {
+    de: ["Meine Change Note", "Noch eine Change Note"],
+  },
+  editorialNote: {
+    de: ["Meine Editorial Note", "Noch eine Editorial Note"],
+  },
+  historyNote: {
+    de: ["Meine History Note", "Noch eine History Note"],
+  },
+  scopeNote: {
+    de: ["Meine Scope Note", "Noch eine Scope Note"],
   },
   notation: ["1"],
   narrower: [concept2],