Comment appeler les fonctions jQuery ou Angular via WWW :: Mechanize :: Firefox?

Question

J'essaie d'exécuter des appels jQuery/Angular via WWW :: Mechanize :: Firefox eval_in_page. Je suppose qu'il y a une sorte de problème de portée, parce que je reçois des erreurs.

Si je tente d'exécuter ce code:

angular.element(document.getElementsByClassName("input")[0]).triggerHandler(('change'); 

Je reçois cette réponse:

MozRepl::RemoteObject: ReferenceError: angular is not defined at ...

Si je tente d'exécuter ce code:

$(".input").val("Foo") 

Je reçois cette réponse :

MozRepl::RemoteObject: ReferenceError: $ is not defined ...

Il semble que je n'ai accès à aucun des frameworks. La page semble avoir les deux chargés, cependant. Si j'exécute le code dans la console du navigateur, cela fonctionne très bien.

Answer 1

Vous pouvez cliquer à l'intérieur du champ avec $mech->click(), il accepte les coordonnées x, y, insérez le texte et retirez le focus à nouveau. J'ai utilisé PhantomJS pour un travail similaire avant. Il devrait aussi fonctionner pour WWW::Mechanize::Firefox.

use WWW::Mechanize::PhantomJS; 
use strict; 
use warnings; 

my $mech = WWW::Mechanize::PhantomJS->new(log => 1); 
$mech->get('http://example.com'); 

if($mech->success) { 
    # accepts x, y coordinates 
    $mech->click(.. field[2]); 

    # set a text for example in input-field number 2 
    $mech->eval('document.getElementsByTagName("input")[2].value = "Your value";'); 

    # Click somewhere else to trigger blur event 
    $mech->click(.. outside the field[2]); 

    # Read the converted textual input from span 
} 

Answer 2

Merci pour les idées tous. Je n'ai pas été capable de résoudre la question initiale, mais j'ai été capable de trouver cette solution alternative. En utilisant ce javascript, j'ai pu remplir le champ et déclencher le changement approprié et brouiller les événements. Cela a permis à angulaire de faire le traitement nécessaire.

$js = qq(
    var myElement = document.getElementsByClassName("input")[0]; 
    myElement.value = "$value"; 

    function fireEvent(element, event) { 
    var evt = document.createEvent("HTMLEvents"); 
    evt.initEvent(event, true, true); // event type,bubbling,cancelable 
    return !element.dispatchEvent(evt); 
    } 

    fireEvent(myElement, 'change'); 
    fireEvent(myElement, 'blur'); 
); 
$mech->eval_in_page($js); 

Notez la fonction I utilisé était une solution dégrossi trouvé here. Je l'ai réduit au code de Firefox. Si vous utilisez un navigateur différent, vous voudrez utiliser leur code plus robuste. Si quelqu'un trouve une solution à la question initiale, je serais heureux de l'accepter.