ember-sortable/dist/test-support/helpers/reorder.js

Sortable UI primitives for Ember.

import { findAll, find } from '@ember/test-helpers';
import { drag } from './drag.js';
import { getOffset } from '../utils/offset.js';

const OVERSHOOT = 2;

/**
  Reorders elements to the specified state.

  Examples

      reorder(
        'mouse',
        '.some-list li',
        '[data-id="66278893"]',
        '[data-id="66278894"]',
        '[data-id="66278892"]'
      );

  @method reorder
  @param {'mouse'|'touch'} [mode]
    event mode
  @param {String} [itemSelector]
    selector for all items
  @param {...String} [resultSelectors]
    selectors for the resultant order
  @return {Promise}
*/
async function reorder(mode, itemSelector,
// or Parameters<typeof findAll>[0],
...resultSelectors) {
  for (let targetIndex = 0; targetIndex < resultSelectors.length; targetIndex++) {
    const items = findAll(itemSelector);
    const result = resultSelectors[targetIndex];
    if (!result) {
      throw new Error(`Element on position ${targetIndex} not found!`);
    }
    const sourceElement = find(result);
    if (!sourceElement) {
      throw new Error(`SourceElement with selector '${result}' not found!`);
    }
    const targetElement = items[targetIndex];
    if (!targetElement) {
      throw new Error(`TargetElement not found! Selector '${result}' has no element on index ${targetIndex}!`);
    }
    const dx = getOffset(targetElement).left - OVERSHOOT - getOffset(sourceElement).left;
    const dy = getOffset(targetElement).top - OVERSHOOT - getOffset(sourceElement).top;
    await drag(mode, result, () => {
      return {
        dx: dx,
        dy: dy
      };
    });
  }
}

export { reorder };
//# sourceMappingURL=reorder.js.map