eduvia/workavia-calendar-front
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[#189] added custom event chip (#262)

Browse Source 
Co-authored-by: Camille Moussu <cmoussu@linagora.com>
This commit is contained in:
Camille Moussu
2025-10-31 11:50:22 +01:00
committed by GitHub
parent 39d8085766
commit ec7230fa94
14 changed files with 689 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files
__test__/components/Calendar.test.tsx
+4 -4
View File
@@ -40,7 +40,7 @@ describe("CalendarSelection", () => {
"user1/cal1": {
name: "Calendar personnal",
id: "user1/cal1",
color: "#FF0000",
color: { light: "#FF0000", dark: "#000" },
ownerEmails: ["alice@example.com"],
events: {
event1: {
@@ -72,7 +72,7 @@ describe("CalendarSelection", () => {
name: "Calendar delegated",
delegated: true,
id: "user2/cal1",
color: "#FF0000",
color: { light: "#FF0000", dark: "#000" },
ownerEmails: ["alice@example.com"],
events: {
event1: {
@@ -103,7 +103,7 @@ describe("CalendarSelection", () => {
"user3/cal1": {
name: "Calendar shared",
id: "user3/cal1",
color: "#FF0000",
color: { light: "#FF0000", dark: "#000" },
ownerEmails: ["alice@example.com"],
events: {
event1: {
@@ -292,7 +292,7 @@ describe("calendar Availability search", () => {
"user1/cal1": {
name: "Calendar personnal",
id: "user1/cal1",
color: "#FF0000",
color: { light: "#FF0000", dark: "#000" },
ownerEmails: ["alice@example.com"],
events: {},
},
__test__/components/EventModifications.test.tsx
+24 -19
View File
@@ -36,7 +36,7 @@ describe("CalendarApp integration", () => {
"667037022b752d0026472254/cal1": {
name: "Calendar 1",
id: "667037022b752d0026472254/cal1",
color: "#FF0000",
color: { light: "#FFFFFF", dark: "#000000" },
ownerEmails: ["alice@example.com"],
events: {
event1: {
@@ -123,7 +123,7 @@ describe("CalendarApp integration", () => {
"667037022b752d0026472254/cal1": {
name: "Calendar 1",
id: "667037022b752d0026472254/cal1",
color: "#FF0000",
color: { light: "#FFFFFF", dark: "#000000" },
ownerEmails: ["alice@example.com"],
events: {
event1: {
@@ -157,6 +157,10 @@ describe("CalendarApp integration", () => {
});
it("renders lock icon for private events on the calendar", async () => {
Object.defineProperty(HTMLElement.prototype, "offsetWidth", {
configurable: true,
value: 120,
});
const preloadedState = createPreloadedState({
class: "PRIVATE",
title: "Private Event",
@@ -166,15 +170,16 @@ describe("CalendarApp integration", () => {
<CalendarApp calendarRef={mockCalendarRef} />,
preloadedState
);
const eventEls = screen.getAllByText("Private Event");
const found = eventEls.some((eventEl) =>
within(eventEl.parentElement as HTMLElement).queryByTestId("lock-icon")
);
expect(found).toBe(true);
const card = screen.getByTestId("event-card-event1");
const lockIcon = within(card).getByTestId("LockOutlineIcon");
expect(lockIcon).toBeInTheDocument();
});
it("renders lock icon for confidential events on the calendar", async () => {
Object.defineProperty(HTMLElement.prototype, "offsetWidth", {
configurable: true,
value: 120,
});
const preloadedState = createPreloadedState({
class: "CONFIDENTIAL",
title: "Confidential Event",
@@ -185,14 +190,16 @@ describe("CalendarApp integration", () => {
preloadedState
);
const eventEls = screen.getAllByText("Confidential Event");
const found = eventEls.some((eventEl) =>
within(eventEl.parentElement as HTMLElement).queryByTestId("lock-icon")
);
expect(found).toBe(true);
const card = screen.getByTestId("event-card-event1");
const lockIcon = within(card).getByTestId("LockOutlineIcon");
expect(lockIcon).toBeInTheDocument();
});
it("does NOT render a lock icon for public events on the calendar", async () => {
Object.defineProperty(HTMLElement.prototype, "offsetWidth", {
configurable: true,
value: 120,
});
const preloadedState = createPreloadedState({
class: "PUBLIC",
title: "Public Event",
@@ -203,11 +210,9 @@ describe("CalendarApp integration", () => {
preloadedState
);
const eventEls = screen.getAllByText("Public Event");
const found = eventEls.some((eventEl) =>
within(eventEl.parentElement as HTMLElement).queryByTestId("lock-icon")
);
expect(found).toBe(false);
const card = screen.getByTestId("event-card-event1");
const lockIcon = within(card).queryByTestId("LockOutlineIcon");
expect(lockIcon).not.toBeInTheDocument();
});
it("does render a title for events without any attendees or user as organizer", async () => {
@@ -229,7 +234,7 @@ describe("CalendarApp integration", () => {
"667037022b752d0026472254/cal1": {
name: "Calendar 1",
id: "667037022b752d0026472254/cal1",
color: "#FF0000",
color: { light: "#FF0000", dark: "#000" },
ownerEmails: ["alice@example.com"],
events: {
event1: {
__test__/components/MiniCalendarColor.test.tsx
+1 -1
View File
@@ -28,7 +28,7 @@ describe("MiniCalendar", () => {
list: {
"667037022b752d0026472254/cal1": {
name: "Calendar 1",
color: "#FF0000",
color: { light: "#FF0000", dark: "#000" },
ownerEmails: ["test@test.com"],
events: {
event1: {