How to trigger an "update" event for jQuery-sortable in JavaScript?

Question

I want to test sorting made with jQuery sortable from within my integration tests. In order to do so, the testing-framework (capybara, selenium) allows me to call page.execute_script("activeAdminSortable().sortable().update()").

By triggering the update event with the proper parameters, in I can simulate a drag-and-drop to test if it works. The relevant parts of the JavaScript code is:

(function($) {
  $(document).ready(function() {
    $('tbody .grabber').parents('tbody').activeAdminSortable();
  });

  $.fn.activeAdminSortable = function() {
    this.sortable({
      update: function(event, ui) {
        $.ajax({
          axis: 'y',
          cursor: 'move',
          url: ui.item.find('[data-sort-url]').data('sort-url'),
          type: 'post',
          data: { position: ui.item.index() + 1 },
          success: activeAdminSortableFlashFinished
        });
      }
    });

    this.disableSelection();
  }
})(jQuery);

I need to find a way to trigger the update event and pass it the correct parameters. Is there any easy way to craft such an event, and ui parameter? And to trigger the update.

Alternatively, I could write some JavaScript that actually grabs, drags and drops the items, but that seems rather brittle to me. Or is that trivial?

stevemarvell · Accepted Answer · 2013-11-02 13:21:54Z

2

Add .trigger("update") where you have .update()

edited Nov 2, 2013 at 13:21

answered Oct 11, 2013 at 23:45

stevemarvell

9931 gold badge6 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jerrygarciuh Over a year ago

The dot after trigger is not correct. You want `.trigger("update");

jerrygarciuh · Accepted Answer · 2013-10-31 01:28:35Z

1

I am using $('#sortable').trigger('sortupdate') successfully for this same purpose.

answered Oct 31, 2013 at 1:28

jerrygarciuh

22.3k26 gold badges86 silver badges145 bronze badges

Collectives™ on Stack Overflow

How to trigger an "update" event for jQuery-sortable in JavaScript?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related