Ember Sortable test about ember-sortablejs HOT 8 CLOSED

Hi! could you share how you are using it?

from ember-sortablejs.

I use grid view with nested sortables. I want to pick one element and drop it into another cell with simulateDrag but unfortunately it doesn't work. But with the listView using nested sortables it works properly. Can you please give me some pieces of advice for this issue.
Looking forward for your response,
Thanks.

from ember-sortablejs.

I'll have to try this myself. simulateDrag is pretty simple all it does is grab and element and drop it on top of another. Could provide me with an example of what your sortable does? That way I have a concrete idea of what your code is trying to do.

from ember-sortablejs.

When sortable items are ordered vertically below each other the simulateDrag function works properly. But when I switch to horizontal view the simulateDrag function doesn't work.

from ember-sortablejs.

I just tried this as grid (css only) as well as the direction option set to horizontal and I was able to run a test. That being said, I think the drag simulation could be improved as to pick the drop location (e.i. topleft, bottomleft, etc).

At this point I will need a failing example to further help you.

from ember-sortablejs.

test('sortable test', async function (assert) {
const done = assert.async();
this.server.createList('entity', 7);
let store = this.owner.lookup('service:store');
let entities = await store.findAll('entity');
this.set('treeData', entities);

    this.set('onChoose', function () {});
    this.set('onMove', function () {});
    this.set('onEnd',  function () {});

    await render(hbs`
        <TreeWrapper
            @model={{treeData}}
            @onChoose={{action onChoose}}
            @onMove={{action onMove}}
            @onEnd={{action onEnd}}
        />
    `);

    let entityElements = findAll('[data-test-tree-item]');
    let dragTreeItem = entityElements[4];
    let targetTreeItem = entityElements[1];

    await simulateDrag(dragTreeItem, targetTreeItem);

});

`<SortableJs
class="sortable"
@options={{hash animation=150 fallbackOnBody=true swapThreshold=0.65 group=group dragClass="sortable-drag" disabled=disabledSortable }}
@onEnd={{action onEnd}}
@onChoose={{action "onChoose"}}
@onUnchoose={{action onUnchoose}}
@onchange={{action "onChange"}}

`<div class="tree-sortable>
{{#if sortedTreeData.length}}
{{#each sortedTreeData as |treeItem|}}
<TreeItem
@treeItem={{treeItem}}
@Onend={{action onEnd}}
@onChoose={{action onChoose}}
@onUnchoose={{action onUnchoose}} />
{{/each}}
{{/if}}

`
When I run this test on horizontal view, after simulateDrag onEnd function not work, but if I run it on vertical view onEnd is working, maybe after you add drop location (e.i. topleft, bottomleft, etc) it start work on horizontal view too.

Thanks.

from ember-sortablejs.

Thanks for taking the time. Where are you doing your assertion? Also would it be possible to reformat the sample?

from ember-sortablejs.

closing due to inactivity.

from ember-sortablejs.