From eca00fb14049e354eab0ed02a3636cc78dd3804e Mon Sep 17 00:00:00 2001
From: Nadine Kost <nadine.kost@digitalservice.bund.de>
Date: Tue, 17 Dec 2024 11:41:04 +0100
Subject: [PATCH] Small adjustments from code review

RISDEV-5719
---
 .../category-import/CategoryImport.vue        |  9 ++-
 .../caselaw/documentUnit/[documentNumber].vue | 10 +--
 .../test/e2e/caselaw/category-import.spec.ts  | 61 ++++++++-----------
 3 files changed, 34 insertions(+), 46 deletions(-)

diff --git a/frontend/src/components/category-import/CategoryImport.vue b/frontend/src/components/category-import/CategoryImport.vue
index 054c9eb84..24b55a3dd 100644
--- a/frontend/src/components/category-import/CategoryImport.vue
+++ b/frontend/src/components/category-import/CategoryImport.vue
@@ -19,8 +19,7 @@ const errorMessage = ref<string | undefined>(undefined)
 
 /**
  * Loads the document unit to import category data from.
- * Displays an error message, if no document unit could be found with
- * the given document number could be found.
+ * Displays an error message, if no document unit could be found with the given document number.
  */
 async function searchForDocumentUnit() {
   const response = await documentUnitService.getByDocumentNumber(
@@ -39,7 +38,7 @@ async function searchForDocumentUnit() {
 <template>
   <div data-testid="category-import">
     <span class="ds-label-01-bold">Rubriken importieren</span>
-    <div class="flex flex-row items-end gap-8">
+    <div class="mt-16 flex flex-row items-end gap-8">
       <InputField
         id="categoryImporterDocumentNumber"
         v-slot="slotProps"
@@ -88,12 +87,12 @@ async function searchForDocumentUnit() {
       <IconBadge v-bind="useStatusBadge(documentUnitToImport.status).value" />
 
       <div class="flex flex-col">
-        <span class="ds-label-02-bold text-gray-900"> Gericht: </span>
+        <span class="ds-label-02-bold text-gray-900"> Gericht</span>
         {{ documentUnitToImport.coreData?.court?.label }}
       </div>
 
       <div class="flex flex-col">
-        <span class="ds-label-02-bold text-gray-900"> Aktenzeichen: </span>
+        <span class="ds-label-02-bold text-gray-900"> Aktenzeichen</span>
         {{ documentUnitToImport.coreData?.fileNumbers?.join(", ") }}
       </div>
 
diff --git a/frontend/src/routes/caselaw/documentUnit/[documentNumber].vue b/frontend/src/routes/caselaw/documentUnit/[documentNumber].vue
index 642caa8ce..7a1983517 100644
--- a/frontend/src/routes/caselaw/documentUnit/[documentNumber].vue
+++ b/frontend/src/routes/caselaw/documentUnit/[documentNumber].vue
@@ -99,25 +99,25 @@ const handleKeyDown = (event: KeyboardEvent) => {
   }
 
   switch (event.key) {
-    case "<": // Ctrl + [
+    case "<":
       event.preventDefault()
       toggleNavigationPanel(extraContentSidePanelStore.togglePanel())
       break
-    case "n": // Ctrl + N
+    case "n":
       event.preventDefault()
       extraContentSidePanelStore.togglePanel(true)
       extraContentSidePanelStore.setSidePanelMode("note")
       break
-    case "d": // Ctrl + D
+    case "d":
       event.preventDefault()
       extraContentSidePanelStore.togglePanel(true)
       extraContentSidePanelStore.setSidePanelMode("attachments")
       break
-    case "v": // Ctrl + V
+    case "v":
       extraContentSidePanelStore.togglePanel(true)
       extraContentSidePanelStore.setSidePanelMode("preview")
       break
-    case "k": // Ctrl + K
+    case "k":
       if (featureToggle.value) {
         extraContentSidePanelStore.togglePanel(true)
         extraContentSidePanelStore.setSidePanelMode("category-import")
diff --git a/frontend/test/e2e/caselaw/category-import.spec.ts b/frontend/test/e2e/caselaw/category-import.spec.ts
index ede991f01..80b6ebc0b 100644
--- a/frontend/test/e2e/caselaw/category-import.spec.ts
+++ b/frontend/test/e2e/caselaw/category-import.spec.ts
@@ -7,44 +7,30 @@ test.describe("category import", () => {
     "display category import",
     { tag: ["@RISDEV-5719"] },
     async ({ page, prefilledDocumentUnit }) => {
-      await navigateToCategoryImport(
-        page,
-        prefilledDocumentUnit.documentNumber as string,
-      )
-      await expect(
-        page.getByRole("button", { name: "Dokumentationseinheit laden" }),
-      ).toBeVisible()
-      await expect(
-        page.getByRole("button", { name: "Dokumentationseinheit laden" }),
-      ).toBeDisabled()
-    },
-  )
+      await test.step("displays category import with disabled button", async () => {
+        await navigateToCategoryImport(
+          page,
+          prefilledDocumentUnit.documentNumber as string,
+        )
+        await expect(
+          page.getByRole("button", { name: "Dokumentationseinheit laden" }),
+        ).toBeVisible()
+        await expect(
+          page.getByRole("button", { name: "Dokumentationseinheit laden" }),
+        ).toBeDisabled()
+      })
 
-  test(
-    "search for non-existent document unit displays error",
-    { tag: ["@RISDEV-5719"] },
-    async ({ page, prefilledDocumentUnit }) => {
-      await navigateToCategoryImport(
-        page,
-        prefilledDocumentUnit.documentNumber as string,
-      )
-      await searchForDocumentUnitToImport(page, "invalidnumber")
-      await expect(
-        page.getByText("Keine Dokumentationseinheit gefunden."),
-      ).toBeVisible()
-    },
-  )
+      await test.step("search for non-existent document unit displays error", async () => {
+        await searchForDocumentUnitToImport(page, "invalidnumber")
+        await expect(
+          page.getByText("Keine Dokumentationseinheit gefunden."),
+        ).toBeVisible()
+      })
 
-  test(
-    "search for document unit displays core data",
-    { tag: ["@RISDEV-5719"] },
-    async ({ page, prefilledDocumentUnit }) => {
-      await navigateToCategoryImport(
-        page,
-        prefilledDocumentUnit.documentNumber as string,
-      )
-      await searchForDocumentUnitToImport(page, "YYTestDoc0013")
-      await expect(page.getByText("fileNumber5")).toBeVisible()
+      await test.step("search for document unit displays core data", async () => {
+        await searchForDocumentUnitToImport(page, "YYTestDoc0013")
+        await expect(page.getByText("fileNumber5")).toBeVisible()
+      })
     },
   )
 
@@ -79,6 +65,9 @@ test.describe("category import", () => {
     page: Page,
     documentNumber: string,
   ) {
+    await page
+      .getByRole("textbox", { name: "Dokumentnummer Eingabefeld" })
+      .fill("")
     await page.getByLabel("Dokumentnummer Eingabefeld").click()
     await page.keyboard.type(documentNumber)
     await expect(