Web recorder

Enregistrez un parcours web avec l'extension Chrome Kompagnon et transformez-le en étapes de test.

L'enregistrement est le moyen le plus rapide de créer un test web : parcourez votre scénario dans un vrai navigateur, et chaque clic, saisie et navigation devient une étape dans le builder. Le recorder fonctionne via Kompagnon, une extension Chrome qui pilote l'enregistrement et ajoute des vérifications sans quitter la page.

Le side panel Kompagnon enregistrant en direct à côté de la page testée, avec une étape Clic capturée

Installer Kompagnon

Vous installez l'extension une seule fois, depuis le builder. Créez ou ouvrez un test Web (Nouvelle expérience), puis cliquez sur Utiliser l'enregistreur. Si Kompagnon n'est pas encore installé, une modale Installer l'extension Kompagnon décrit ses fonctionnalités et propose Ajouter à Chrome, qui ouvre le Chrome Web Store. Installez-le et revenez au builder.

Vous pouvez aussi l'installer à l'avance depuis la page Kompagnon du Chrome Web Store.

Enregistrer un test

Une fois Kompagnon installé, Utiliser l'enregistreur ouvre votre URL de départ dans un nouvel onglet avec le recorder attaché.

1
Parcourez votre scénario

Naviguez sur la page normalement. Les clics, saisies et navigations sont capturés comme des étapes en temps réel. Un widget déplaçable se superpose à la page et affiche le statut de l'enregistrement, le nombre d'actions capturées, ainsi que les boutons Pause, Stop et Open sidepanel.

2
Ouvrez le side panel

Cliquez sur Open sidepanel pour ancrer Kompagnon dans le side panel natif de Chrome. Il affiche l'état actuel (RECORDING LIVE ou ASSERTION MODE), la liste en direct des actions capturées avec leurs sélecteurs, et les mêmes contrôles de pause, stop et assertion.

3
Arrêtez et vérifiez

Cliquez sur Stop. Les étapes enregistrées apparaissent dans le canvas du builder, regroupées et prêtes à être modifiées, réordonnées ou enrichies avec des variables et des checks.

Ajouter des vérifications pendant l'enregistrement

Vous pouvez ajouter des assertions sur la page sans quitter le recorder. Cliquez sur l'icône œil pour passer en assertion mode, puis cliquez sur l'élément à vérifier. Une modale Vérifier l'élément s'ouvre pour configurer le check :

La modale Verify element avec Displayed, Clickable, et les options Enabled et Present dépliées

  • Affiché : l'élément est visible.
  • Cliquable : l'élément est cliquable.

Plus d'options révèle deux conditions supplémentaires :

  • Activé : l'élément est actif.
  • Présent : l'élément existe dans le DOM.

Choisissez une condition et la vérification est enregistrée comme une étape Vérifier l'élément aux côtés de vos interactions.

Les étapes enregistrées sont des étapes classiques du builder. L'onglet Général de chaque étape web inclut une Capture d'écran de référence de la page capturée lors de la dernière exécution de l'étape, pour que vous puissiez voir exactement ce qu'elle cible. Avant la première exécution, il affiche "Aucun screenshot de référence disponible pour cette étape".

Legacy : recorder avec export de script

Avant Kompagnon, l'enregistrement web était fourni sous forme d'extension Chrome autonome qui exportait un Web Script en JavaScript à coller dans un test. Cette méthode fonctionne toujours pour les scripts existants, mais les nouveaux tests web doivent utiliser Kompagnon et le builder visuel décrit ci-dessus.

1
Charger l'extension

Téléchargez et décompressez kapptivate-web-recorder.zip, ouvrez chrome://extensions, activez le Developer mode, cliquez sur Load unpacked, et sélectionnez le dossier décompressé.

2
Enregistrer et exporter

Cliquez sur l'icône Kapptivate, cliquez sur Record, parcourez votre scénario, puis Stop, Export et CopyToClipboard.

3
Importer l'enregistrement

Créez un test avec une action Web Script, sélectionnez l'agent Ethernet par défaut, passez en mode raw script, et collez l'enregistrement. Sauvegardez et exécutez-le une fois avant de le connecter à un monitor.

L'export est une script action : du JavaScript que vous pouvez modifier librement, enrichir d'assertions, ou compléter avec des variables et métriques personnalisées.

Et ensuite ?

Test builder

Modifiez, regroupez et vérifiez les étapes que vous avez enregistrées

Vérifier l'élément

Toutes les conditions disponibles pour vos assertions sur un élément web

Last updated on