Cet article est l'article du 19e jour du calendrier de l'Avent selenium_and_appium 2016.

introduction

Ceci est le premier post! C'est TEISHISEI! Écrivez sans crainte de malentendus!

Mon entreprise propose de nombreux services différents, et il existe des testeurs pour cela. Pour toujours, vérifiez les liens brisés, léchez toutes les pages pour prendre une pression et marathon jusqu'à ce qu'un événement probable se produise. Selenium automatise ces tests. Plus vous fouillez, plus vous devez automatiser de projets. Maintenant, j'ai besoin d'écrire pour toujours et du code Selenium. Je pensais qu'il fallait aussi l'automatisation. Nous avons cherché un moyen pour tout le monde de construire des tests, même s'ils n'étaient pas des programmeurs. Vous trouverez ci-dessous un résumé des exigences requises.

Premièrement, l'utilisateur n'est pas un programmeur, et aussi peu de connaissances préalables que possible
Être capable d'enregistrer les opérations du navigateur
L'édition doit être GUI ――Je veux écrire if et le traitement en boucle
Navigateur croisé

Nous avons exploré Selenium IDE, Selenium Builder, imacros et une variété d'autres solutions. Chacun avait ses avantages et ses inconvénients, et l'un d'eux avait un mur. Dans le cas des jeux, les boucles sont nécessaires dans les marathons, l'endurance est restaurée, et if est indispensable en raison des demandes accumulées, et enfin il est nécessaire d'apprendre à utiliser les déclarations if. Si c'est une étape qui ne correspond pas à la sortie, une erreur se produira, et j'en ai marre d'avoir des étapes à couper Si ce n'est pas multi-navigateur, ou si ça va, vous ne pouvez pas supprimer toutes les étapes à la fois, ou vous devez cliquer trois fois pour appuyer sur le bouton de suppression. Voulez-vous envoyer une demande à une API externe? Les demandes ont augmenté.

J'ai donc décidé de le faire. Son nom est Selenium Code Builder Oui, nous avons réaménagé les roues. Loin du réaménagement, il n'y a aucun moyen de le faire dans une extension. Comme son nom l'indique, il construit ** Code **. Écrivez le code de test et exécutez-le en Ruby ou Python. (Étant donné que Windows est plus facile à construire dans l'environnement python, il est également possible de générer une sortie avec python.)

Bien sûr, je ne pense pas que ce soit meilleur que d'autres outils, mais il a l'avantage de pouvoir rapidement rattraper et mettre à jour les demandes. Je suis satisfait de la convivialité et de la capacité d'incorporer le traitement if et loop. Cette fois, ce sera open source, donc j'espère que plus de gens entreront en contact avec Selenium, donc je vais le partager.

Aperçu

Selenium Code Builder GitHub

Une extension Chrome qui assemble et génère le code de test du navigateur à l'aide de Selenium avec une interface graphique. Le code de test de sortie est compatible avec les langues et navigateurs suivants.

Langue

Ruby
Python

Navigateur exécutable

Chrome
Firefox
Android Chrome
Android Browser

Comment installer

Je suis désolé, ce n'est pas encore une extension publique, vous devrez donc la créer manuellement.

git clone https://github.com/arakawamoriyuki/selenium-code-builder.git --Entrez nodejs --Installez l'outil de construction gulp et l'outil de gestion de bibliothèque frontal bower

$ npm install -g bower gulp
$ npm install
$ bower install
$ gulp build

--Ouvrir Chrome --Menu

Réglage --Extension -Vérifier le mode développeur --Charger les extensions non packagées --Spécifiez le dossier selenium-code-builder --Lancer l'extension depuis la barre d'outils Chrome

Que puis-je faire?

Enregistrer les opérations du navigateur

Vous pouvez enregistrer le fonctionnement du navigateur. Les opérations qui peuvent être enregistrées sont les suivantes.

Déplacer l'URL
Cliquez sur
Double clic --Input (entrée [type = texte, zone de texte]) --Check (entrée [type = case à cocher, radio]) --Sélectionner

Enregistrer et charger des fichiers (json), convertir en Ruby ou Python

Vous pouvez enregistrer et charger des fichiers (json) et les convertir en Ruby ou Python. Lors de la conversion, vous pouvez sélectionner Chrome, Firefox, la version Android et le navigateur.

Étapes qui peuvent être définies

Lié à l'URL

--Aller à la page spécifiée

Accédez à la page spécifiée avec l'authentification de base --Browser arrière, avant, recharger
Obtenir l'url actuelle

Élément DOM lié

En cliquant réellement sur l'élément, le sélecteur css est acquis et l'élément est jugé.

--Cliquez sur l'élément --Double cliquez sur l'élément

Effacer l'élément d'entrée --Entrée à l'élément d'entrée --key Envoyer l'événement --Entrez dans la case à cocher
téléchargement de fichiers
Élément de traînée
Souris sur les éléments (comme l'affichage d'un menu) --Sélection de gamme (j'ai fait l'automatisation de la rédaction d'articles avec l'éditeur WYSIWYG) --Obtenir un objet élément
Obtenir le texte de l'élément
Obtenir la valeur de l'élément
Obtenir la valeur CSS

Concernant le navigateur

--Exécuter javascript

Prendre des captures d'écran
Défilement px spécifié
Redimensionner la fenêtre du navigateur --Afficher les données json
Appuyez sur OK sur window.alert --Appuyez sur Annuler dans window.alert --Entrez dans window.prompt
Obtenez les caractères dans window.alert

Ruby et Python liés

--Exécution du code --Dormir

Définition variable --Définition du tableau
Définition du hachage --Calcul
Branche conditionnelle (si) --Boucle de tableau (pour) --Boucle conditionnelle (while) --Loop spécifié le nombre de fois
Impression --Obtenir du temps --Appeler un fichier externe (.rb ou .py)
Définition des fonctions --Exécution de la fonction
Demande d'API
Insérer un commentaire

Test lié

Validation de la valeur --Validation d'expression normale des valeurs --Vérifier que la page actuelle contient le texte spécifié

Autres fonctions

Outil de recherche pour savoir combien de sélecteurs spécifiés se trouvent sur la page --Mécanisme pour diviser en plusieurs fichiers et exécuter un pilote Web
Prenez tout l'écran avec le pilote chrome

à la fin

L'utilisateur a essayé d'abaisser le seuil autant que possible parce qu'il n'était pas un programmeur, mais il y en avait encore qui ne pouvaient pas être effacés. Je suis heureux d'avoir pu faire savoir qu'il existe une option appelée Selenium, qu'il y a une utilisation qui n'est pas un cadre de test, et j'ai pu réduire le nombre d'étapes. J'espère qu'E2E continuera à se développer à l'avenir.

Le prochain article, c'est aussi moi. Désolé pour l'article ennuyeux, mais restez en contact!

[RUBY] Des tests plus familiers avec Selenium