hunk.code_window:     }}
       draggable
     >
       <DragButton Icon={channel.Icon} description={channel.description} label={channel.label} />
     </div>
   );
   const WorkflowEditorPage = ({
     setActivePage,
  
hunk.labels: keep keep keep replace keep keep keep keep keep
hunk.after_edit:     <DragButton
         Icon={channel.Icon}
         description={channel.type === NodeTypeEnum.ACTION ? channel.description : ''}
         label={channel.label}
       />
  
hunk.file_path: apps/web/src/pages/templates/workflow/WorkflowEditorPage.tsx
hunk.type: replace
file: import { Test } from '@nestjs/testing';
  import { UserSession } from '@novu/testing';
  import { CreateChange } from './create-change.usecase';
  import { ChangeModule } from '../change.module';
  import { CreateChangeCommand } from './create-change.command';
  import { ChangeEntityTypeEnum } from '@novu/shared';
  import { SharedModule } from '../../shared/shared.module';
  import { expect } from 'chai';
  
  describe('Create Change', function () {
    let useCase: CreateChange;
    let session: UserSession;
    let _id = '6256ade0099f90172d1cc435';
  
    beforeEach(async () => {
      const moduleRef = await Test.createTestingModule({
        imports: [SharedModule, ChangeModule],
        providers: [],
      }).compile();
  
      session = new UserSession();
      await session.initialize();
  
      useCase = moduleRef.get<CreateChange>(CreateChange);
    });
  
    it('should create a change', async function () {
      const result = await useCase.execute(
        CreateChangeCommand.create({
          changeId: _id,
          organizationId: session.organization._id,
          environmentId: session.environment._id,
          type: ChangeEntityTypeEnum.NOTIFICATION_TEMPLATE,
          userId: session.user._id,
          item: {
            _id,
          },
        })
      );
      expect(result.enabled).to.be.eq(false);
      expect(result._entityId).to.be.eq(_id);
      expect(result._creatorId).to.be.eq(session.user._id);
      expect(result._environmentId).to.be.eq(session.environment._id);
      expect(result._organizationId).to.be.eq(session.organization._id);
      expect(result.type).to.be.eq(ChangeEntityTypeEnum.NOTIFICATION_TEMPLATE);
    });
  
    it('should find diff for item', async function () {
      const oldChange = await useCase.execute(
        CreateChangeCommand.create({
          changeId: _id,
          organizationId: session.organization._id,
          environmentId: session.environment._id,
          type: ChangeEntityTypeEnum.NOTIFICATION_TEMPLATE,
          userId: session.user._id,
          item: {
            _id,
          },
        })
      );
      const change = await useCase.execute(
        CreateChangeCommand.create({
          changeId: _id,
          organizationId: session.organization._id,
          environmentId: session.environment._id,
          type: ChangeEntityTypeEnum.NOTIFICATION_TEMPLATE,
          userId: session.user._id,
          item: {
            _id,
            name: 'test',
          },
        })
      );
  
      expect(change.change[1].op).to.eq('add');
      expect(change.change[1].val).to.eq('test');
      expect(change.change[1].path).to.eql(['name']);
    });
  });
  