From 9d4c13bdd3868dfa8e01403786539c44f338e54f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Enrique=20Jim=C3=A9nez?= <enrique.jimenez@lmu.de>
Date: Tue, 16 Jan 2024 13:50:49 +0000
Subject: [PATCH] Add Magic to Corpus Genres

---
 src/corpus/ui/Corpus.tsx                      |  9 ++-
 .../Corpus.integration.test.ts.snap           | 66 +++++++++++++++++++
 .../__snapshots__/WordDisplay.test.tsx.snap   | 36 ++++++++++
 3 files changed, 109 insertions(+), 2 deletions(-)

diff --git a/src/corpus/ui/Corpus.tsx b/src/corpus/ui/Corpus.tsx
index 76ca969de..e1b4e4acf 100644
--- a/src/corpus/ui/Corpus.tsx
+++ b/src/corpus/ui/Corpus.tsx
@@ -72,12 +72,12 @@ function Texts({
 
 export function genreFromAbbr(
   abbr: string
-): 'Literature' | 'Divination' | 'Medicine' {
+): 'Literature' | 'Divination' | 'Medicine' | 'Magic' {
   const genre = genres.filter(({ genre }) => genre === abbr)[0]
   if (!genre) {
     throw new Error(`Genre Abbreviation '${abbr}' has to be one of L, D, Med.`)
   }
-  return genre.name as 'Literature' | 'Divination' | 'Medicine'
+  return genre.name as 'Literature' | 'Divination' | 'Medicine' | 'Magic'
 }
 
 export const genres: readonly {
@@ -110,6 +110,11 @@ export const genres: readonly {
     name: 'Medicine',
     categories: ['', 'I. Nineveh Medical Encyclopaedia'],
   },
+  {
+    genre: 'Mag',
+    name: 'Magic',
+    categories: ['', 'I. Anti-witchcraft'],
+  },
 ]
 
 function Corpus({
diff --git a/src/corpus/ui/__snapshots__/Corpus.integration.test.ts.snap b/src/corpus/ui/__snapshots__/Corpus.integration.test.ts.snap
index 2228923e3..15b9f4f62 100644
--- a/src/corpus/ui/__snapshots__/Corpus.integration.test.ts.snap
+++ b/src/corpus/ui/__snapshots__/Corpus.integration.test.ts.snap
@@ -237,6 +237,17 @@ exports[`With session 1`] = `
               >
                 Medicine
               </a>
+              <a
+                aria-controls="CorpusTab-2-tabpane-Mag"
+                aria-selected="false"
+                class="nav-item nav-link"
+                data-rb-event-key="Mag"
+                href="#"
+                id="CorpusTab-2-tab-Mag"
+                role="tab"
+              >
+                Magic
+              </a>
             </nav>
             <div
               class="tab-content"
@@ -476,6 +487,28 @@ exports[`With session 1`] = `
                   </ol>
                 </section>
               </div>
+              <div
+                aria-hidden="true"
+                aria-labelledby="CorpusTab-2-tab-Mag"
+                class="fade tab-pane"
+                id="CorpusTab-2-tabpane-Mag"
+                role="tabpanel"
+              >
+                <section>
+                  <h3 />
+                  <ol
+                    class="container-fluid"
+                  />
+                </section>
+                <section>
+                  <h3>
+                    I. Anti-witchcraft
+                  </h3>
+                  <ol
+                    class="container-fluid"
+                  />
+                </section>
+              </div>
             </div>
           </div>
           <div
@@ -730,6 +763,17 @@ exports[`Without session 1`] = `
               >
                 Medicine
               </a>
+              <a
+                aria-controls="CorpusTab-5-tabpane-Mag"
+                aria-selected="false"
+                class="nav-item nav-link"
+                data-rb-event-key="Mag"
+                href="#"
+                id="CorpusTab-5-tab-Mag"
+                role="tab"
+              >
+                Magic
+              </a>
             </nav>
             <div
               class="tab-content"
@@ -969,6 +1013,28 @@ exports[`Without session 1`] = `
                   </ol>
                 </section>
               </div>
+              <div
+                aria-hidden="true"
+                aria-labelledby="CorpusTab-5-tab-Mag"
+                class="fade tab-pane"
+                id="CorpusTab-5-tabpane-Mag"
+                role="tabpanel"
+              >
+                <section>
+                  <h3 />
+                  <ol
+                    class="container-fluid"
+                  />
+                </section>
+                <section>
+                  <h3>
+                    I. Anti-witchcraft
+                  </h3>
+                  <ol
+                    class="container-fluid"
+                  />
+                </section>
+              </div>
             </div>
           </div>
           <div
diff --git a/src/dictionary/ui/display/__snapshots__/WordDisplay.test.tsx.snap b/src/dictionary/ui/display/__snapshots__/WordDisplay.test.tsx.snap
index 635a1300e..4603fd139 100644
--- a/src/dictionary/ui/display/__snapshots__/WordDisplay.test.tsx.snap
+++ b/src/dictionary/ui/display/__snapshots__/WordDisplay.test.tsx.snap
@@ -1154,6 +1154,17 @@ exports[`Fetch word correctly displays word parts 1`] = `
         >
           Medicine
         </a>
+        <a
+          aria-disabled="true"
+          aria-selected="false"
+          class="nav-item nav-link disabled"
+          data-rb-event-key="Mag"
+          href="#"
+          role="tab"
+          tabindex="-1"
+        >
+          Magic
+        </a>
       </nav>
       <div
         class="tab-content"
@@ -2100,6 +2111,31 @@ exports[`Fetch word correctly displays word parts 1`] = `
             </div>
           </div>
         </div>
+        <div
+          aria-hidden="true"
+          class="fade tab-pane"
+          role="tabpanel"
+        >
+          <div
+            class="row"
+          >
+            <div
+              class="col"
+            >
+              <table>
+                <tbody>
+                  <tr>
+                    <td
+                      class="ml-5 empty-section row"
+                    >
+                      No entries
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
       </div>
       <p>
         <a