How to use @fullcalendar/interaction - 4 common examples

it('should yield an event with an end', function(done) {
      initCalendar({
        defaultView: 'dayGridMonth',
        defaultDate: '2019-04-01',
        droppable: true,
        defaultAllDayEventDuration: { days: 2 },
        eventReceive(arg) {
          expect(arg.event.end).toEqualDate('2019-04-04')
          done()
        }
      })

      thirdPartyDraggable = new Draggable($dragEl[0], {
        eventData: {}
      })

      $dragEl.simulate('drag', {
        end: getDayEl('2019-04-02')
      })
    })
  })

initCalendar({
      defaultView: 'dayGridMonth',
      defaultDate: '2019-04-01',
      droppable: true,
      defaultAllDayEventDuration: { days: 2 },
      eventAllow(dropInfo, draggedEvent) {
        expect(draggedEvent.id).toBe('a')
        expect(draggedEvent.title).toBe('hey')
        expect(draggedEvent.start).toBe(null)
        expect(draggedEvent.end).toBe(null)
        called = true
      }
    })

    thirdPartyDraggable = new Draggable($dragEl[0], {
      eventData: {
        id: 'a',
        title: 'hey'
      }
    })

    $dragEl.simulate('drag', {
      end: getDayEl('2019-04-02'),
      callback() {
        expect(called).toBe(true)
        done()
      }
    })
  })

plugins: [ InteractionPlugin, TimeGridPlugin, DayGridPlugin ],
      defaultDate: '2014-08-23',
      defaultView: 'dayGridMonth',
      droppable: true
    }

    $('body').append(
      '<div style="width:200px" id="sidebar">' +
        '<a class="fc-event event1">event 1</a>' +
        '<a class="fc-event event2">event 2</a>' +
      '</div>' +
      '<div style="width:600px;position:absolute;top:10px;left:220px" id="cal">' +
      '</div>'
    )

    thirdPartyDraggable = new ThirdPartyDraggable({
      itemSelector: '#sidebar .fc-event'
    })
  })

beforeEach(function() {
    dragEl = $('<div class="drag">yo</div>')
      .css({
        width: 200,
        background: 'blue',
        color: 'white'
      })
      .appendTo('body')
      .draggable()

    thirdPartyDraggable = new ThirdPartyDraggable({
      itemSelector: '.drag'
    })
  })