Remplir les champs de texte et cliquer sur les liens en utilisant JavaScript

Certaines applications Web peuvent avoir des contraintes de conception qui ne permettent pas aux actions d’automatisation du navigateur de remplir des champs de texte, ou de cliquer sur des liens et des boutons.

Une approche alternative pour automatiser ces applications Web est l’utilisation de l’action Exécuter la fonction JavaScript sur la page Web, qui vous permet d’exécuter du code JavaScript sur des pages Web.

Avant de déployer l’action Exécuter la fonction JavaScript sur la page Web, vous avez besoin du sélecteur CSS de l’élément que vous souhaitez remplir ou cliquer. Pour obtenir le sélecteur, accédez à l’onglet Éléments de l’interface utilisateur et sélectionnez Ajouter un élément d’interface utilisateur.

Après avoir créé l’élément d’interface utilisateur, accédez à nouveauà l’onglet Éléments de l’interface utilisateur, sélectionnez l’élément d’interface utilisateur créé et ouvrez le sélecteur avec le Générateur de sélecteur.

Maintenant, copiez le dernier élément du sélecteur situé à droite du dernier événement > personnage.

Note

Vous trouverez plus d’informations sur les sélecteurs dans Créer un sélecteur personnalisé.

Pour remplir un champ de texte, déployez l’action Exécuter la fonction JavaScript sur la page Web et remplissez le code suivant dans le champ Fonction JavaScript. Après avoir collé le code, remplacez les espaces réservés CSS-selector et value-to-populate avec le sélecteur précédemment copié et la valeur à remplir, respectivement.

function ExecuteScript()
{
document.querySelectorAll('CSS-selector')[0].value="value-to-populate";
}

OR

function ExecuteScript()
{
document.querySelectorAll('CSS-selector')[0].innerText="value-to-populate";
}

Pour cliquer sur un lien ou appuyer sur un bouton, utilisez le code suivant :

function ExecuteScript()
{
document.querySelectorAll('CSS-Selector')[0].click();
}