Fenêtres modales

JavaScript

Les tests Browser Synthetic gèrent automatiquement les fenêtres modales JavaScript :

• Les fenêtres modales alert sont fermées.
• Une réponse Lorem Ipsum est fournie pour les fenêtres modales prompt et confirm.

Authentification de base

Pour les fenêtres contextuelles d’authentification de base, spécifiez les identifiants requis dans la configuration de votre test Browser, sous Advanced options > HTTP Auth :

Fenêtres contextuelles d’application

Fenêtres contextuelles ancrées

Si une fenêtre contextuelle apparaît à un moment spécifique de votre parcours, vous pouvez enregistrer une étape pour la fermer et autoriser l’échec de cette étape à l’aide de l’option correspondante. Votre test saura ainsi comment réagir si jamais une telle fenêtre s’affiche. Dans le cas contraire, l’étape échoue sans que cela entraîne l’échec de l’ensemble du test.

Déplacer les fenêtres contextuelles

S’il n’est pas possible de prédire à quel moment ces fenêtres contextuelles apparaissent, adressez-vous au tiers qui fournit la fenêtre contextuelle afin de vérifier s’il est possible de créer une règle empêchant l’affichage de la fenêtre contextuelle pendant l’exécution du test Browser. Il peut par exemple s’agir d’un cookie à ajouter dans les les options avancées dédiées de votre test.

Sinon, vous pouvez employer l’une des méthodes suivantes afin de garantir la fermeture de la fenêtre contextuelle et le bon fonctionnement de votre test :

• Créez une assertion JavaScript au début de votre test Browser pour essayer régulièrement de fermer la fenêtre :

  if (document.querySelector("<ELEMENT>")) {
    return true;
  } else {
    return new Promise((resolve, reject) => {
      const isPopupDisplayed = () => {
        if (document.querySelector("<ELEMENT>")) {
          clearInterval(popup);
          resolve(true);
        }
      };
      let popup = setInterval(isPopupDisplayed, 500);
    });
  }
  

• Enregistrez les étapes de fermeture de la fenêtre contextuelle, ajoutez-les entre toutes les autres étapes de votre test Browser, puis sélectionnez l’option Allow this step to fail pour chacune d’entre elles.

Pour aller plus loin

Documentation, liens et articles supplémentaires utiles:

Surveillance de l'expérience utilisateur avec les tests Browser de DatadogBLOG Configurer un test BrowserDOCUMENTATION