html5 - img - title attribute in html

¿Cómo creo programáticamente un DragEvent?

Question

Esta página describe la API para crear un evento mediante programación. Al mirar la lista, indica que Chrome y Safari no son compatibles con esta API para crear DragEvents.

Estoy intentando escribir pruebas automatizadas para el comportamiento nativo de arrastrar y soltar html5 en una aplicación angular. ¿Cómo puedo imitar mediante programación los eventos de arrastrar y soltar para poder hacerlo?

Gracias, Nate

Answer 1

Es mejor utilizar la siguiente API de transportador:

https://code.google.com/p/selenium/source/browse/javascript/webdriver/actionsequence.js

Lo más probable es que desee utilizar el siguiente patrón:

browser
    .actions()
    .dragAndDrop(myEle, {x:100,y:100})
    .perform();

Answer 2

Es posible que desee utilizar cadenas de acción (desde selenio): https://code.google.com/p/selenium/wiki/AdvancedUserInteractions#Generating_Action_chains

Los usamos en una aplicación no angularjs en el pasado para arrastrar y soltar. De todos modos, como transportador (angularjs defacto tool para probar aplicaciones e2e) usa selenium webdriver, apuesto a que puedes usar incluso transportador ( https://github.com/angular/protractor ) para lograr eso (con el objeto "browser.webdriver").

De los transportadores doc:

El método browser.get carga una página. El transportador espera que Angular esté presente en una página, por lo que generará un error si la página que intenta cargar no contiene la biblioteca angular. (Si necesita interactuar con una página que no sea angular, puede acceder directamente a la instancia envuelta del controlador de red con browser.driver).