Delete Calendars (#148)

* [#66] added delete popup and logic

* [#66] Homogenize Dialogs components between modify and delete to keep them coherent+ fixed tests

* [#66] added tests

* [#66] text adjusment

* fixup! [#66] added delete popup and logic

---------

Co-authored-by: Camille Moussu <cmoussu@linagora.com>

__test__/features/Calendars/CalendarAPI.test.tsx

@@ -5,6 +5,7 @@ import {
   getCalendars,
   postCalendar,
   proppatchCalendar,
+  removeCalendar,
 } from "../../../src/features/Calendars/CalendarApi";
 import { clientConfig } from "../../../src/features/User/oidcAuth";
 import { api } from "../../../src/utils/apiUtils";
@@ -99,4 +100,16 @@ describe("Calendar API", () => {
       }),
     });
   });
+
+  it("remove Calendar", async () => {
+    const calLink = "/calendars/calId.json";
+    const result = await removeCalendar(calLink);
+
+    expect(api).toHaveBeenCalledWith(`dav${calLink}`, {
+      method: "DELETE",
+      headers: {
+        Accept: "application/json, text/plain, */*",
+      },
+    });
+  });
 });

__test__/features/Calendars/CalendarModal.test.tsx

@@ -1,5 +1,5 @@
 import { screen, fireEvent, waitFor } from "@testing-library/react";
-import CalendarPopover from "../../../src/features/Calendars/CalendarModal";
+import CalendarPopover from "../../../src/components/Calendar/CalendarModal";
 import { renderWithProviders } from "../../utils/Renderwithproviders";
 import * as eventThunks from "../../../src/features/Calendars/CalendarSlice";
 
@@ -23,11 +23,7 @@ describe("CalendarPopover", () => {
       calendars: { list: {}, pending: true },
     };
     renderWithProviders(
-      <CalendarPopover
-        anchorEl={document.body}
-        open={open}
-        onClose={mockOnClose}
-      />,
+      <CalendarPopover open={open} onClose={mockOnClose} />,
       preloadedState
     );
   };
@@ -133,7 +129,6 @@ describe("CalendarPopover (editing mode)", () => {
   it("prefills fields when calendar prop is given", () => {
     renderWithProviders(
       <CalendarPopover
-        anchorEl={document.body}
         open={true}
         onClose={mockOnClose}
         calendar={existingCalendar}
@@ -149,14 +144,9 @@ describe("CalendarPopover (editing mode)", () => {
   });
 
   test("Save button is disabled when name is empty or whitespace only", () => {
-    renderWithProviders(
-      <CalendarPopover
-        anchorEl={document.createElement("div")}
-        open={true}
-        onClose={jest.fn()}
-      />,
-      { user: baseUser }
-    );
+    renderWithProviders(<CalendarPopover open={true} onClose={jest.fn()} />, {
+      user: baseUser,
+    });
 
     const saveButton = screen.getByRole("button", { name: /save/i });
     expect(saveButton).toBeDisabled();
@@ -180,7 +170,6 @@ describe("CalendarPopover (editing mode)", () => {
 
     renderWithProviders(
       <CalendarPopover
-        anchorEl={document.body}
         open={true}
         onClose={mockOnClose}
         calendar={existingCalendar}