Cypress test example

[FlorianWerndl]

Hi, great library, thanks for that! I am trying to write an e2e with cypress but without any success. Maybe you can provide an example on how to write a test with cpyress.io.

What i tried so far: (I am using vue & vue draggable)

    cy.get(`[data-cy=ci-image-sort__image-wrapper-inner-${number}]`)
      .trigger('mouseover')
      .trigger('mousedown', { which: 1, force: true })
      .trigger('mousemove', x, y, { clientX: x, clientY: y, which: 1, force: true })
      .trigger('mouseup', x, y, { clientX: x, clientY: y, which: 1, force: true });

Maybe I need to use other events?

[waynevanson]

@FlorianWerndl

Check out this example on cypress. We haven't tested it here but it's what cypress have recommended: https://github.com/cypress-io/cypress-example-recipes/tree/master/examples/testing-dom__drag-drop

[jeansymolanza]

Are there any examples for Protractor/Angular?

[waynevanson]

@jeansymolanza Not here. Maybe ask the team at https://github.com/SortableJS/ngx-sortablejs