Show "Datum des Inkrafttretens" (RISDEV-6145) (#67)

frontend/e2e/RubrikenPage.spec.ts

@@ -39,13 +39,17 @@ test(
     // dokumentTyp.selectOption({ label: 'VR' }) // select by visible text option
     // await expect(dokumentTyp).toHaveValue('vr') // confirm selection by value
 
-    // const inkrafttretedatumElement = page.getByText('Inkrafttretedatum')
-    // await expect(inkrafttretedatumElement).toHaveCount(1)
-    // inkrafttretedatumElement.fill('02.02.1970')
-    // await expect(inkrafttretedatumElement).toHaveValue('02.02.1970')
+    const inkrafttretedatumElement = page.getByText('Datum des Inkrafttretens *')
+    await expect(inkrafttretedatumElement).toHaveCount(1)
+    zitierdatumElement.fill('thatshouldnotwork')
+    await expect(zitierdatumElement).toHaveValue('')
+    inkrafttretedatumElement.fill('02.02.1970')
+    await expect(inkrafttretedatumElement).toHaveValue('02.02.1970')
 
     // const ausserkrafttretedatumElement = page.getByText('Ausserkrafttretedatum')
     // await expect(ausserkrafttretedatumElement).toHaveCount(1)
+    // ausserkrafttretedatumElement.fill('thatshouldnotwork')
+    // await expect(ausserkrafttretedatumElement).toHaveValue('')
     // ausserkrafttretedatumElement.fill('03.03.1970')
     // await expect(ausserkrafttretedatumElement).toHaveValue('03.03.1970')
 

frontend/src/routes/documentUnit/[documentNumber]/RubrikenPage.vue

@@ -9,6 +9,7 @@ import Textarea from 'primevue/textarea'
 
 const selectedCourt = ref()
 const zitierdatum = ref()
+const inkrafttretedatum = ref()
 </script>
 
 <template>
@@ -48,6 +49,15 @@ const zitierdatum = ref()
           />
         </InputField>
       </div>
+
+      <InputField id="inkrafttretedatum" label="Datum des Inkrafttretens *" class="w-full min-w-0">
+        <DateInput
+          id="inkrafttretedatum"
+          v-model="inkrafttretedatum"
+          aria-label="Inkrafttretedatum"
+          class="ds-input-medium"
+        ></DateInput>
+      </InputField>
     </div>
   </div>
 </template>