e2e tests for temporal data - RISDEV-3848

frontend/e2e/navigate-to-temporal-data-page-and-test-content.spec.ts

@@ -1,34 +1,103 @@
-import { test, expect } from "@playwright/test"
-
-test("navigate to temporal data page for an amending law", async ({ page }) => {
-  await page.goto(
-    "/amending-laws/eli/bund/bgbl-1/2017/s419/2017-03-15/1/deu/regelungstext-1/temporal-data",
-  )
-  await expect(
-    page.locator('[data-testid="temporalDataHeading"]'),
-  ).toBeVisible()
-})
+import { test, expect, Page } from "@playwright/test"
+
+test.describe("Navigate to temporal data page", () => {
+  test("navigate to temporal data page for an amending law using side navigation", async ({
+    page,
+  }) => {
+    await page.goto(
+      "/amending-laws/eli/bund/bgbl-1/2017/s419/2017-03-15/1/deu/regelungstext-1",
+    )
+
+    await page.getByText("Zeitgrenzen anlegen").click()
 
-test.describe("Temporal Data for an amending law", () => {
-  const BASE_URL =
-    "/amending-laws/eli/bund/bgbl-1/2017/s419/2017-03-15/1/deu/regelungstext-1/temporal-data"
+    await expect(page).toHaveURL(
+      `/amending-laws/eli/bund/bgbl-1/2017/s419/2017-03-15/1/deu/regelungstext-1/temporal-data`,
+    )
 
-  test.beforeEach(async ({ page }) => {
-    await page.goto(BASE_URL)
+    await expect(
+      page.getByRole("heading", { level: 1, name: "Zeitgrenzen anlegen" }),
+    ).toBeVisible()
   })
+})
 
-  test(`contents of entry into force article html rendering`, async ({
+test.describe("management of Temporal Data for an amending law", () => {
+  async function setupInitialData(page: Page) {
+    await page.request.put(
+      "/api/v1/norms/eli/bund/bgbl-1/2017/s419/2017-03-15/1/deu/regelungstext-1/timeBoundaries",
+      {
+        headers: {
+          "Content-Type": "application/json",
+          Accept: "application/json",
+        },
+        data: JSON.stringify([
+          { date: "2017-03-16", eventRefEid: "meta-1_lebzykl-1_ereignis-2" },
+        ]),
+      },
+    )
+  }
+
+  test(`adding, editing, deleting and saving time boundaries`, async ({
     page,
   }) => {
+    await page.goto(
+      "/amending-laws/eli/bund/bgbl-1/2017/s419/2017-03-15/1/deu/regelungstext-1/temporal-data",
+    )
+    await setupInitialData(page)
+
+    // check contents of entry into force article html rendering
     await expect(page.getByText("Artikel 3Inkrafttreten")).toBeVisible()
-  })
 
-  test(`renders correct number of date inputs for the time boundaries`, async ({
-    page,
-  }) => {
-    const dateInput = page.locator('[data-testid="date-input-field"]')
-    await expect(dateInput).toHaveCount(1)
-    const inputValue = await dateInput.inputValue()
-    await expect(inputValue).toBe("16.03.2017")
+    const saveButton = page.locator("text=Speichern")
+    let dateInputs = page.locator('[data-testid="date-input-field"]')
+
+    await expect(dateInputs).toHaveCount(1)
+    const inputValue = await dateInputs.inputValue()
+    expect(inputValue).toBe("16.03.2017")
+
+    //   add new time boundaries
+    const newDateInput = page.locator('[data-testid="new-date-input-field"]')
+    await newDateInput.fill("01.05.2023")
+    await newDateInput.fill("02.06.2023")
+    await saveButton.click()
+
+    await page.reload()
+    await expect(dateInputs).toHaveCount(3)
+
+    const firstDateValue = await dateInputs.nth(0).inputValue()
+    const secondDateValue = await dateInputs.nth(1).inputValue()
+    const thirdDateValue = await dateInputs.nth(2).inputValue()
+
+    // validate each date input contains the correct data
+    expect(firstDateValue).toBe("16.03.2017")
+    expect(secondDateValue).toBe("01.05.2023")
+    expect(thirdDateValue).toBe("02.06.2023")
+
+    //edit time boundaries
+    const dateInputToEdit = page
+      .locator('[data-testid="date-input-field"]')
+      .nth(1)
+    await dateInputToEdit.fill("03.06.2023")
+    await saveButton.click()
+    await page.reload()
+
+    const editedValue = await dateInputs.nth(1).inputValue()
+    expect(editedValue).toBe("03.06.2023")
+
+    //   delete time boundaries
+    for (let i = 2; i > 0; i--) {
+      const deleteButton = page.locator(`[data-testid="delete-button-${i}"]`)
+      await deleteButton.click()
+      await saveButton.click()
+      await page.reload()
+      dateInputs = page.locator('[data-testid="date-input-field"]')
+      await expect(dateInputs).toHaveCount(i)
+    }
+
+    const deleteButton = page.locator(`[data-testid="delete-button-0"]`)
+    const isDisabled = await deleteButton.isDisabled()
+    expect(isDisabled).toBe(true)
+    expect(inputValue).toBe("16.03.2017")
+
+    await setupInitialData(page)
   })
 })