Comment faire pour simuler un glisser-déposer d'action dans le rapporteur?

J'ai une double curseur et je voudrais tester que c'est opérable et le retour de la droite de données. Le curseur a un min et un max de gestionnaire, il a aussi quelques "points d'arrêt que je peux crochet. "

Ce que je veux simuler est

  • un évènements touchstart de l' ".gestionnaire-max" élément
  • un mouvement du pouce au-dessus de l'élément avec la classe ".étape-3"
  • un touchEnd de l' ".gestionnaire-max" élément

alors que je trouve comment déclencher un évènements touchstart et un touchEnd événement. Je suis complètement paumé sur la manière de simuler le déplacement de la manette de

browser.executeScript('angular.element(arguments[0]).triggerHandler("touchstart");', filterHandler);
//<--- move event????
browser.executeScript('angular.element(arguments[0]).triggerHandler("touchend");', filterHandler);

P. S. La portée de cette question est un test d'intégration qui teste si ce qui se passe à l'application lorsqu'un utilisateur d'interagir avec un double curseur de la directive est le résultat souhaitable.

InformationsquelleAutor Alexandros Spyropoulos | 2014-09-04
  1. 19

    elem = Élément que vous souhaitez déplacer;

    target = Élément sur lequel vous souhaitez déposer elem;

    Pour WebdriverJS:- 

    browser.driver.actions().dragAndDrop(elem,target).mouseUp().perform();

    Pour Rapporteur:-

    browser.actions().dragAndDrop(elem,target).mouseUp().perform();
    • Testé, ça fonctionne pour moi
    • Comme ils disent en néerlandais, il marche comme un train...
    • Je devine (Protractor) ajouté une faute de frappe!
    InformationsquelleAutor user3800138
  2. 9

    C'est assez simple aujourd'hui:

    browser.actions().dragAndDrop(elem, target).perform();

    Où dragAndDrop en coulisses est mouseDown + mouseMove + mouseUp:

    /**
 * Convenience function for performing a "drag and drop" manuever. The target
 * element may be moved to the location of another element, or by an offset (in
 * pixels).
 * @param {!webdriver.WebElement} element The element to drag.
 * @param {(!webdriver.WebElement|{x: number, y: number})} location The
 *     location to drag to, either as another WebElement or an offset in pixels.
 * @return {!webdriver.ActionSequence} A self reference.
 */
webdriver.ActionSequence.prototype.dragAndDrop = function(element, location) {
  return this.mouseDown(element).mouseMove(location).mouseUp();
};
    • génial, je voterais si il a été vérifié par quelqu'un. Assez difficile pour moi car je ne travaille pas avant fin, et je ne suis pas mis en place avec le sélénium atm
    • bien sûr, je peux vérifier qu'il fonctionne pour moi 🙂
    • Testé, ça fonctionne pour moi
    InformationsquelleAutor alecxe
  3. 4

    Ok jouant autour, j'ai trouvé que j'ai il y a de meilleures manières. probablement les sources que j'ai été à la recherche avant ont été dépassées. Le script suivant va faire l'affaire très propre et facile...

    it( 'step : 6 : select star rating min === 1 and max === 2' , function (done) {

    driver.actions()
        .mouseDown(element(by.css('.filter-editorial-rating .ngrs-handle-max')))
        .mouseMove(element(by.css('.filter-editorial-rating .step-2')))
        .mouseUp()
        .perform();


element( by.css( '.results-indicator' ) ).getText()
    .then( function ( text ) {
        resultsB = parseInt (text.split(" ")[0]);
        expect( resultsB ).toBeLessThan( resultsA );                            
        done();
    });
});

    vous pouvez obtenir le pilote comme ça ...

    browser.get(url);
var driver = browser.driver;

    Acclamations

    InformationsquelleAutor Alexandros Spyropoulos
  4. 1
            var plot0 = ptor.element(protractor.By.id(''));

        ptor.driver.actions()

        .dragAndDrop(plot0, {x: 200, y: 100})

        .mouseMove(plot0, {x: 200, y: 100}) //200px from left, 200 px from top of plot0

        .mouseDown()

        .mouseMove({x: 600, y: 0}) //600px to the right of current location

        .perform();

    Cela fonctionne pour moi les gars. Mon scénario est de glisser une fenêtre pop-up boîte de dialogue qui n'ont pas un élément cible.

    • Merci ! A travaillé comme un charme !
    InformationsquelleAutor randomguy
  5. 0

    Je suis dans un milieu de conversion de projet d'automatisation de l'utilisation de SELENIUM_PROMISE_MANAGER à l'utilisation de JS natif async/await. Auparavant, j'ai utilisé de la manière décrite par user3800138 ^, cependant cela n'a pas fonctionné pour moi plus ainsi que tous les autres approches décrites ici. Ce qui a fonctionné pour moi est le chaînage de chaque action unique par le biais de then méthode comme ceci

    dragAndDrop: ( $element, $destination ) =>
    browser
        .actions()
        .mouseMove( $element )
        .perform()
        .then( () => browser
            .actions()
            .mouseDown( $element )
            .perform() )
        .then( () => browser
            .actions()
            .mouseMove( $destination )
            .perform() )
        .then( () => browser
            .actions()
            .mouseUp()
            .perform())

    et ensuite appeler comme ça await dragAndDrop($leftSlider, $lastDateTitle);

    Ou même à l'aide de await ressemblera à ceci

    dragAndDrop: async( $element, $destination ) => {
    await browser.actions().mouseMove( $element ).perform();
    await browser.actions().mouseDown( $element ).perform();
    await browser.actions().mouseMove( $destination ).perform();
    await browser.actions().mouseUp().perform();
}

    Je sais que c'est un peu encombrant, mais je ne pouvais pas trouver une meilleure option

    InformationsquelleAutor Sergey Pleshakov
  6. -2

    Avec des problèmes comme celui-ci, j'ai isoler le code de commerce (qui fait en fait quelque chose d'utile avec le drag & drop événements) à partir de l'INTERFACE utilisateur. De cette façon, je peux faire en sorte que le glisser-code de départ, devra remplir les structures de données correctement et je peux faire en sorte que la baisse du code de gestion permettra de faire la bonne chose sans fait d'avoir d'avoir quelque chose d'envoyer réel drag&drop événements.

    De cette façon, le vrai code de gestion des événements est juste 1-2 lignes, donc les chances qu'il se casse, il y a très, très mince. Aussi, il n'y a aucune raison de tester le drag&drop code de votre navigateur ou système d'exploitation; ce code devrait fonctionner.

    • mon problème semble être exactement ce github.com/angular/protractor/issues/160 . Je veux dire que je suis en train de tester l'intégration entre un curseur de la directive et le module de recherche qui fait les mises à jour des données. Ce que je veux tester, c'est ça . J'ai un utilisateur d'interagir avec le curseur de la directive. Est-ce que ça déclenche la séquence des événements qui ont l'expérience de l'utilisateur attend?
    • Votre commentaire n'a aucun sens pour moi.
    • Je veux dire que je suis en train de tester l'intégration entre un curseur de la directive et à la recherche d'un module qui gère en fait les événements. Ce que je veux tester, c'est ça . Si un utilisateur d'interagir avec le curseur de la directive. Est-ce que ça déclenche la séquence des événements qui ont l'expérience de l'utilisateur attend? J'espère que cela fait sens pour vous. En fait, je test un curseur qui change valeurs min/max et quelques modules qui sont faire des requêtes à un service et afficher une liste de données.
    • Qu'attendez-vous d'apprendre à partir de l'exécution de centaines de milliers de ligne de code? N'est pas votre question vraiment dire "je ne sais pas comment slider fonctionne et les événements qu'il incendies"? Je ne pense pas que les événements changent très souvent. Donc, il devrait être assez pour savoir après quels événements vous pouvez vous attendre, et dans quel ordre. Ensuite, écrire des tests unitaires qui assurez-vous que votre code puisse les traiter. Si cette partie de l'application des pauses, vérifiez à nouveau les événements virer afin de voir ce qui a changé.
    • Désolé, je n'ai pas bien expliquer. Je ne suis pas d'écrire un test unitaire. Ce qui a été fait et le test de l'unité de satisfaire leurs propres tests. Ce que je fais maintenant, c'est un E2E test. Comme vous l'avez dit, le fait est que le test ne sais rien sur le fonctionnement interne de l'application. donc je n'ai pas de soins sur le fonctionnement interne de l'application concernant ce test. Je me soucie seulement de l'INTERFACE utilisateur l'expérience de l'utilisateur (qui en fait est un utilisateur à l'aide d'un curseur filtre obtient en retour une liste de résultats). Donc ne vois pas comment je peux simuler l'action de l'utilisateur sans simulation d'une action de déplacement. Je crains que votre réponse n'est pas pertinente à ma question.
    • peut-être que si vous nous expliquez qu'Il aura du sens pour moi.
    • Je vois. Vous êtes en train d'écrire un test d'intégration, et non pas une pure unité de test. Dans ce cas, je ne sais pas de réponse.
    • Je vais ajouter plus d'informations dans la question qui expliquent la nature de la question. Je l'ai bien que le rapporteur est un pur E2E-cadre et c'était clair que je posais des questions à propos de l'intégration et de ne pas les tests unitaires. Je vous remercie pour votre réponse.

    InformationsquelleAutor Aaron Digulla