fix: not work afterRenderEvent ( fix #1327 )

Author: blacktoast

apps/calendar/src/components/events/horizontalEvent.spec.tsx

@@ -307,11 +307,35 @@ describe('Color values', () => {
 });
 
 describe('isReadOnly', () => {
+  function setup() {
+    const eventName = 'readonly-event';
+    const uiModel = new EventUIModel(
+      new EventModel({
+        id: '1',
+        title: eventName,
+        start: new Date(2020, 0, 1, 10, 0),
+        end: new Date(2020, 0, 1, 12, 0),
+        isReadOnly: true,
+      })
+    );
+
+    const props = {
+      uiModel,
+      eventHeight: 30,
+      headerHeight: 0,
+    };
+
+    return {
+      props,
+    };
+  }
+
   it("should be able to show detail popup even if the model's `isReadOnly` property is `true`", () => {
     // Given
     const store = initCalendarStore({
       useDetailPopup: true,
     });
+
     const eventName = 'readonly-event';
     const uiModel = new EventUIModel(
       new EventModel({
@@ -322,6 +346,7 @@ describe('isReadOnly', () => {
         isReadOnly: true,
       })
     );
+
     const props = {
       uiModel,
       eventHeight: 30,
@@ -341,4 +366,18 @@ describe('isReadOnly', () => {
 
     expect(showDetailPopupSpy).toHaveBeenCalled();
   });
+
+  it(`should fire 'afterRenderEvent' when it is in readonly mode`, () => {
+    // Given
+    const eventBus = new EventBusImpl<ExternalEventTypes>();
+    const handler = jest.fn();
+    eventBus.on('afterRenderEvent', handler);
+    const { props } = setup();
+
+    // When (resizingWidth)
+    render(<HorizontalEvent {...props} />, { eventBus });
+
+    // Then
+    expect(handler).toBeCalled();
+  });
 });

apps/calendar/src/components/events/horizontalEvent.tsx

@@ -170,7 +170,7 @@ export function HorizontalEvent({
   });
 
   useEffect(() => {
-    if (isDraggableEvent) {
+    if (isNil(resizingWidth) && isNil(movingLeft)) {
       eventBus.fire('afterRenderEvent', uiModel.model.toEventObject());
     }
     // This effect is only for the first render.