WEBVTT 00:00:00.000 --> 00:00:02.790 Il n'y a pas de redémarrage sur ma minuterie pour que je sache où j'en suis. 00:00:02.790 --> 00:00:06.030 Bonjour, tout le monde. Bonne après-midi. 00:00:06.030 --> 00:00:10.170 Comment va le déjeuner ? Tout le monde a apprécié ces cornichons géants? Je sais que je l'ai fait. 00:00:10.170 --> 00:00:12.315 Ouais, génial. 00:00:12.315 --> 00:00:17.565 Donc, cette session est à propos de U(I) Testing, 00:00:17.565 --> 00:00:19.935 par conséquent, ne vous U (I) test? 00:00:19.935 --> 00:00:22.950 Donc, avant de commencer, c'est ma question préférée dans le monde. 00:00:22.950 --> 00:00:24.705 C'est facile. 00:00:24.705 --> 00:00:29.175 Combien de personnes écrivent Tests? vote. 00:00:29.175 --> 00:00:31.830 Tout le monde sur le ruisseau, c'est pas mal de mains. 00:00:31.830 --> 00:00:34.305 Je suis surpris, je suis très heureux. 00:00:34.305 --> 00:00:38.290 Maintenant, combien d'entre vous U(I) test? 00:00:39.130 --> 00:00:41.705 Pas mal, c'est génial. 00:00:41.705 --> 00:00:44.060 Eh bien, donc cette session est essentiellement, 00:00:44.060 --> 00:00:48.635 et donc je ne vais pas faire les bases du travail de test U(I), 00:00:48.635 --> 00:00:51.350 il ya tas de bon contenu là-bas déjà pour cela. 00:00:51.350 --> 00:00:54.185 C'est super simple, c'est examiner le test U(I). 00:00:54.185 --> 00:00:56.735 Le cadre que je serai parler d'aujourd'hui est 00:00:56.735 --> 00:00:58.070 littéralement juste fait pour 00:00:58.070 --> 00:01:00.740 faire U(I) test super simple et super super. 00:01:00.740 --> 00:01:04.820 Donc, ce dont nous parlons aujourd'hui est les meilleures pratiques et comment 00:01:04.820 --> 00:01:08.000 écrire quelque chose qui a été beaucoup parlé 00:01:08.000 --> 00:01:11.195 dans la Keynote d'aujourd'hui, test u(I) multiplateforme. 00:01:11.195 --> 00:01:14.435 Alors qui suis-je ? 00:01:14.435 --> 00:01:16.220 Je suis presque sûr que personne ne me connaît. 00:01:16.220 --> 00:01:19.715 Je ne suis pas aussi célèbre que beaucoup, mais je suis Sweeky. 00:01:19.715 --> 00:01:24.250 Je travaille dans ce que nous appelons le Équipe de conseil à la clientèle DevOps, 00:01:24.250 --> 00:01:25.950 et je suis dans le sous-ensemble qui s'appelle 00:01:25.950 --> 00:01:28.570 l'équipe de conseil à la clientèle mobile. 00:01:28.730 --> 00:01:31.260 Nous sommes vraiment cool groupe de gens, 00:01:31.260 --> 00:01:32.905 nous aimons Xamarin, nous aimons Mobile, 00:01:32.905 --> 00:01:35.000 et nous travaillons à rendre les clients 00:01:35.000 --> 00:01:37.310 heureux et nous travaillons à faire nos produits mieux. 00:01:37.310 --> 00:01:39.710 Donc, nous conduisons beaucoup de commentaires, 00:01:39.710 --> 00:01:42.025 donc tout ce que vous voulez dire, 00:01:42.025 --> 00:01:44.270 Mobile dont vous voulez discuter, 00:01:44.270 --> 00:01:47.015 baskets, peu importe, Viens me trouver. 00:01:47.015 --> 00:01:50.240 Je travaille au bureau de San Francisco. 00:01:50.240 --> 00:01:53.575 Je suis connu pour coder pour les bonbons, 00:01:53.575 --> 00:01:56.055 donc si jamais tu veux de moi pour écrire des tests U(I), 00:01:56.055 --> 00:01:58.170 vous savez comment me soudoyer, et je suis 00:01:58.170 --> 00:02:01.660 un Microsoft irréductible et un fan inconditionnel de Xamarin. 00:02:03.380 --> 00:02:05.670 Maintenant que tu sais qui je suis, 00:02:05.670 --> 00:02:08.070 suivez-moi sur Twitter, soyez mon ami. 00:02:08.070 --> 00:02:10.110 Passons aux tests. 00:02:10.110 --> 00:02:13.035 Donc Xamarin U(I) test. 00:02:13.035 --> 00:02:15.045 Pour ceux qui ne sont pas familiers, 00:02:15.045 --> 00:02:21.030 c'est unité basée sur NUnit cadre d'essai, 00:02:21.030 --> 00:02:24.435 mais en C Sharp, et il permet vous pour écrire U(I) test. 00:02:24.435 --> 00:02:27.434 Il est destiné à être utilisé avec des plates-formes mobiles, 00:02:27.434 --> 00:02:30.505 de sorte que vos applications ne sont pas toujours doivent être une application Xamarin, 00:02:30.505 --> 00:02:32.690 afin qu'ils puissent être une application ReactNative, ils peuvent être autochtones, 00:02:32.690 --> 00:02:33.980 Application Android ou iOS, 00:02:33.980 --> 00:02:36.425 vous pouvez toujours écrire U(I) test pour eux. 00:02:36.425 --> 00:02:39.420 Si vous êtes familier avec le fonctionnement de NUnit, 00:02:39.420 --> 00:02:42.065 leur syntaxe ou le test sera semblent assez familiers pour vous. 00:02:42.065 --> 00:02:43.280 Donc il y a une balise de test, 00:02:43.280 --> 00:02:46.220 il ya une balise de test, vous êtes faire une certaine configuration avant un test, 00:02:46.220 --> 00:02:48.380 vous exécutez le test, puis vous 00:02:48.380 --> 00:02:51.140 peut avoir quelque chose qui se produit après le test. 00:02:51.140 --> 00:02:54.515 S'il vous plaît simple, Test Xamarin U(I), 00:02:54.515 --> 00:02:57.620 vous pouvez exécuter ces tests localement, et puis si vous voulez, 00:02:57.620 --> 00:02:59.480 vous pouvez utiliser l'application serveurs de test au centre et 00:02:59.480 --> 00:03:02.155 ensuite exécuter vos tests sur nos laboratoires d'appareils. 00:03:02.155 --> 00:03:06.020 Il s'intègre aussi très bien avec vos pipelines CICD, 00:03:06.020 --> 00:03:08.825 qui est ma partie préférée de l'ensemble du processus. 00:03:08.825 --> 00:03:12.000 Ainsi, la description de le discours a dit beaucoup 00:03:12.000 --> 00:03:15.140 sur la pop du modèle d'objet de page. 00:03:15.140 --> 00:03:17.510 Alors qu'est-ce que c'est exactement ? 00:03:17.510 --> 00:03:20.765 Parlons-en de cette façon. 00:03:20.765 --> 00:03:25.550 Les applications mobiles sont généralement un tas de points de vue différents, 00:03:25.550 --> 00:03:27.740 quand nous écrivons des applications Xamarin, 00:03:27.740 --> 00:03:30.470 nous avons un tas de vues, si c'est MVVM, 00:03:30.470 --> 00:03:32.060 vous avez votre point de vue et vous avez le code 00:03:32.060 --> 00:03:33.830 derrière pour chaque vue, ceci et cela, 00:03:33.830 --> 00:03:35.850 concept si simple, pensez 00:03:35.850 --> 00:03:38.400 de votre application étant un tas de différentes pages, 00:03:38.400 --> 00:03:40.560 donc quand vous voulez écrire 00:03:40.560 --> 00:03:42.930 les tests U(I) avec le modèle d'objet de page, 00:03:42.930 --> 00:03:44.450 nous allons traiter chaque page 00:03:44.450 --> 00:03:47.540 individuellement comme sa propre classe indépendante. 00:03:47.540 --> 00:03:51.035 Donc, les éléments sur cette page vivre dans cette classe, 00:03:51.035 --> 00:03:52.730 interactions que vous pouvez faire avec 00:03:52.730 --> 00:03:55.145 ces éléments vivent dans cette même classe. 00:03:55.145 --> 00:03:57.790 Donc, si vous avez un bouton à la page a, 00:03:57.790 --> 00:04:01.880 tout le code dans la page classe a serait une requête sur 00:04:01.880 --> 00:04:03.320 comment le système trouvera 00:04:03.320 --> 00:04:06.410 ce bouton et quelle que soit la méthode d'interagir avec un bouton. 00:04:06.410 --> 00:04:10.250 Alors cliquez sur un bouton ou si c'est une liste, 00:04:10.250 --> 00:04:11.485 alors faites glisser sur une liste, 00:04:11.485 --> 00:04:13.790 toutes ces méthodes pour qu'une page y vit. 00:04:13.790 --> 00:04:15.125 Page b pour votre application, 00:04:15.125 --> 00:04:18.215 classe séparée, tout à fait a ses propres choses. 00:04:18.215 --> 00:04:23.030 L'idée principale derrière faire c'est le fait que, 00:04:23.030 --> 00:04:25.285 puisque vous vous séparez toutes ces pages, 00:04:25.285 --> 00:04:27.275 c'est vraiment facile à entretenir. 00:04:27.275 --> 00:04:29.840 Supposons donc que vous y alliez et vous faites un changement 00:04:29.840 --> 00:04:32.710 juste pour aimer peut-être le page de paramètres dans votre application, 00:04:32.710 --> 00:04:34.310 tout ce que vous avez à faire est d'aller 00:04:34.310 --> 00:04:36.035 à la page de paramètres de votre test et juste 00:04:36.035 --> 00:04:37.475 mettre à jour les valeurs là-bas et c'est 00:04:37.475 --> 00:04:39.605 votre test sont de retour à courir à nouveau. 00:04:39.605 --> 00:04:41.460 Il est donc super facile à entretenir, 00:04:41.460 --> 00:04:43.620 super facile à mettre à l'échelle, 00:04:43.620 --> 00:04:45.990 et puis vient ma meilleure partie préférée 00:04:45.990 --> 00:04:48.490 de ce modèle, il fait à travers la plate-forme. 00:04:48.490 --> 00:04:51.775 Donc, cette même page peut existent sur iOS ou Android. 00:04:51.775 --> 00:04:56.005 Alors, ce qui pourrait être le possible aucun facteur de différenciant ici? 00:04:56.005 --> 00:04:58.790 Sur Android, le bouton aurait pu 00:04:58.790 --> 00:05:01.260 une requête séparée et puis aussi 00:05:01.260 --> 00:05:02.460 peut-être qu'il ya un peu d'un 00:05:02.460 --> 00:05:04.110 pas de comportement tactile qui est différent, 00:05:04.110 --> 00:05:07.535 de sorte que vous pouvez gérer cela dans votre code avec les contrôles sur l'appareil. 00:05:07.535 --> 00:05:09.260 Encore une fois, super simple, 00:05:09.260 --> 00:05:10.520 super facile à mettre en place, 00:05:10.520 --> 00:05:12.965 et nous allons voir plus à ce sujet maintenant. 00:05:12.965 --> 00:05:15.230 Donc, ce que je parlais 00:05:15.230 --> 00:05:17.760 à propos de visuellement juste imaginer le tout. 00:05:17.760 --> 00:05:20.485 Donc, ce sont différents pages de votre application, 00:05:20.485 --> 00:05:23.855 prendre chaque page et tourner chaque page dans une classe, 00:05:23.855 --> 00:05:26.420 c'est littéralement la façon dont les premières étapes 00:05:26.420 --> 00:05:29.075 d'écrire la page le motif de l'objet commence. 00:05:29.075 --> 00:05:33.840 Donc, si vous voulez être un peu plus de fantaisie à ce sujet, 00:05:33.840 --> 00:05:35.855 quand vous avez fini de mettre en place 00:05:35.855 --> 00:05:37.130 l'ensemble du modèle d'architecture et 00:05:37.130 --> 00:05:38.440 quand vous revenez et vous regardez vos tests, 00:05:38.440 --> 00:05:39.650 il n'y aura jamais 00:05:39.650 --> 00:05:41.660 un point que vous vous sentez comme, "Oh, qu'est-ce que j'ai écrit? 00:05:41.660 --> 00:05:43.280 Qu'est-ce que cela signifie? Il va y avoir 00:05:43.280 --> 00:05:46.720 une corrélation directe entre votre application et vos tests. 00:05:46.720 --> 00:05:51.120 Donc, il fait tellement plus agréable d'écrire vos tests, 00:05:51.120 --> 00:05:54.710 J'ai l'impression que ça encourage tout le monde à réserver, 00:05:54.710 --> 00:05:56.555 maintenir, et d'écrire un bon test U(I), 00:05:56.555 --> 00:05:59.065 qui je pense est très très important. 00:05:59.065 --> 00:06:01.020 Si je peux, je vais dis-le, 00:06:01.020 --> 00:06:02.395 Je dis ça tout le temps, 00:06:02.395 --> 00:06:05.900 mais nous vivons à l'ère de applications mobiles et nous vivons à l'époque 00:06:05.900 --> 00:06:07.130 de faire des clients et des 00:06:07.130 --> 00:06:09.530 vos utilisateurs vraiment heureux avec vos applications mobiles. 00:06:09.530 --> 00:06:11.360 Si vous ne les testiez pas, 00:06:11.360 --> 00:06:12.890 il ya un sous-ensemble minimum de 00:06:12.890 --> 00:06:15.890 10 pour cent qui ne reçoivent pas le meilleur look visuel de 00:06:15.890 --> 00:06:17.600 votre application juste parce que vous ne l'avez jamais testé sur 00:06:17.600 --> 00:06:20.900 que l'un téléphone obsolète que quelqu'un utilise. 00:06:20.900 --> 00:06:22.985 C'est comme ça qu'on peut tirer parti des tests U(I) 00:06:22.985 --> 00:06:24.680 et Apps centre et assurez-vous que votre application 00:06:24.680 --> 00:06:26.390 semble belle et fonctionne vraiment bien 00:06:26.390 --> 00:06:28.930 sur toutes les différentes plates-formes qui essaient de soutenir. 00:06:28.930 --> 00:06:34.940 Donc, la prochaine chose géniale à propos le modèle d'objet de page est, 00:06:34.940 --> 00:06:38.615 si vous avez écrit le test U(I) avant ou si vous ne l'avez pas fait, 00:06:38.615 --> 00:06:41.645 c'est essentiellement ce qu'est un simple U(I) test ressemble. 00:06:41.645 --> 00:06:43.100 Donc vous avez, comme je l'ai dit, 00:06:43.100 --> 00:06:44.630 c'est très similaire à le modèle NUnit, 00:06:44.630 --> 00:06:47.415 que vous devez mettre en place, et vous avez le test réel, 00:06:47.415 --> 00:06:48.745 et dans le test, si vous regardez, 00:06:48.745 --> 00:06:51.725 il a une très longue ligne qui dit, 00:06:51.725 --> 00:06:54.260 appli. Appuyez, et puis il essaie de 00:06:54.260 --> 00:06:57.685 trouver un élément sur l'écran par son ID. 00:06:57.685 --> 00:07:01.190 La beauté de l'utilisation le modèle d'objet de page est, 00:07:01.190 --> 00:07:03.680 il le rend un peu plus générique dans le sens où, 00:07:03.680 --> 00:07:05.705 rappelez-vous ces pages Je parlais de, 00:07:05.705 --> 00:07:09.370 il devient littéralement dans la page de connexion, 00:07:09.890 --> 00:07:12.450 effectuer l'action de connexion, 00:07:12.450 --> 00:07:14.480 puis utiliser ce nom d'utilisateur mot de passe. 00:07:14.480 --> 00:07:17.210 Il est donc plus facile à lire aussi. 00:07:17.210 --> 00:07:19.520 Encore une fois, si quelqu'un qui est pas fait de tests avant, 00:07:19.520 --> 00:07:21.080 n'est pas vraiment, "Oh, 00:07:21.080 --> 00:07:23.470 mon Dieu, comment vais-je écrire un test C Sharp? 00:07:23.470 --> 00:07:25.275 Ils peuvent juste venir dans et être comme, "Oh, 00:07:25.275 --> 00:07:26.610 cela se lit comme l'anglais, 00:07:26.610 --> 00:07:27.915 ce n'est pas si difficile à comprendre, 00:07:27.915 --> 00:07:29.940 Je sais ce qui se passe dans ce test. 00:07:29.940 --> 00:07:34.470 Pour que je puisse continuer sur et sur comme ça, 00:07:34.470 --> 00:07:36.325 mais ce n'est pas amusant. 00:07:36.325 --> 00:07:39.305 Ce que je vais faire maintenant, c'est, 00:07:39.305 --> 00:07:41.420 Je vais passer et en fait 00:07:41.420 --> 00:07:43.820 écrire un test de bouton d'objet de page pour vous en ce moment, 00:07:43.820 --> 00:07:47.100 parce que qui ne le fait pas comme un peu de codage en direct? 00:07:47.930 --> 00:07:52.590 Donc, pendant que je mets en place ce truc. 00:07:52.590 --> 00:07:55.760 Donc, c'est devenu un passe-temps côté de la mine. 00:07:55.760 --> 00:07:59.815 Il s'agit donc d'une application qui mon bon ami James Clancy, 00:07:59.815 --> 00:08:03.660 si vous vous souvenez de lui de Xamarin évoluer 2016, 00:08:03.660 --> 00:08:06.170 il a donné ma conversation préférée sur Async attendre, 00:08:06.170 --> 00:08:08.210 certainement encaissé vidéos sur YouTube. 00:08:08.210 --> 00:08:11.490 Mais donc, il a été travailler sur sa gmusic, 00:08:11.490 --> 00:08:14.870 certains prêt Google Music et il est réécrit son Google, 00:08:14.870 --> 00:08:16.730 donc c'était à l'origine seulement pour iOS, 00:08:16.730 --> 00:08:18.430 il l'a réécrit pour les entreprises, 00:08:18.430 --> 00:08:20.640 et il est un open source projet qu'il lui enseigne 00:08:20.640 --> 00:08:23.700 tous les mercredis, vous ne devrait le vérifier. 00:08:23.700 --> 00:08:26.150 J'ai remarqué qu'il écrivait 00:08:26.150 --> 00:08:27.840 toute cette grille Xamarin Forms score, 00:08:27.840 --> 00:08:29.985 mais devinez quoi, il n'a pas fait, 00:08:29.985 --> 00:08:32.120 Test d'interface uI, n'importe lequel. 00:08:32.120 --> 00:08:36.995 Donc, comme ma contribution à la communauté open source, 00:08:36.995 --> 00:08:39.410 nous allons maintenant écrire l'interface uI tests pour Clancy, 00:08:39.410 --> 00:08:42.990 et Clancy si vous êtes regarder, vous êtes les bienvenus. 00:08:43.490 --> 00:08:48.370 Donc avant de commencer, 00:08:48.860 --> 00:08:51.495 encore une fois, ce sont des trucs et astuces, 00:08:51.495 --> 00:08:53.030 donc je vais donner vous des trucs et astuces. 00:08:53.030 --> 00:08:56.630 Astuce numéro 1, je serais toujours suggérer des tests sur des appareils réels. 00:08:56.630 --> 00:08:58.340 Ainsi, vous pouvez voir à droite maintenant, mais sur cette table, 00:08:58.340 --> 00:09:01.290 En fait, j'ai une icône sur un appareil iOS connecté, 00:09:01.290 --> 00:09:03.305 et je suis miroir écran il pour vous en ce moment. 00:09:03.305 --> 00:09:05.850 Donc, c'est ce que l'application On dirait que maintenant, 00:09:05.850 --> 00:09:07.380 donc si vous entrez, 00:09:07.380 --> 00:09:08.850 vous verrez une liste de chansons, 00:09:08.850 --> 00:09:10.905 vous pouvez glisser vers le haut, 00:09:10.905 --> 00:09:15.450 et vous pouvez voir cette belle peu maintenant jouer à l'écran. 00:09:15.450 --> 00:09:17.295 C'est aussi loin qu'il a, 00:09:17.295 --> 00:09:18.990 et si vous faites glisser sur le côté, 00:09:18.990 --> 00:09:21.195 regardez cette belle gradient qu'il a, 00:09:21.195 --> 00:09:24.015 et vous pouvez regarder le menu de navigation latérale. 00:09:24.015 --> 00:09:26.285 d'accord. Donc c'est aussi loin qu'il a, 00:09:26.285 --> 00:09:29.325 donc nous allons obtenir un peu u (I) tests écrits pour cela. 00:09:29.325 --> 00:09:33.745 Donc, puisque vous pouvez juste voir mon appareil iOS ici, 00:09:33.745 --> 00:09:35.665 maintenant je vais commencer avec iOS. 00:09:35.665 --> 00:09:38.960 Il s'agit du projet de test U(I) qui vous voyez sur la gauche ici, 00:09:38.960 --> 00:09:42.850 c'est littéralement ce que vous obtenir quand je fais le clic droit, 00:09:42.850 --> 00:09:49.120 "Ajouter", "Nouveau projet," et je choisis si mon truc arrive, c'est parti. 00:09:49.120 --> 00:09:50.955 Donc, si je choisis un projet de test U(I), 00:09:50.955 --> 00:09:54.260 c'est le modèle vierge code que vous obtenez. 00:09:54.260 --> 00:09:55.910 Je n'ai rien fait du tout, 00:09:55.910 --> 00:09:58.505 c'est comme vous l'obtenez. 00:09:58.505 --> 00:10:00.135 Tout ce que j'ai fait, c'est, 00:10:00.135 --> 00:10:01.605 dans l'initialisateur d'application, 00:10:01.605 --> 00:10:05.190 Je viens de mettre dans une partie à l'endroit où l'APK pour 00:10:05.190 --> 00:10:07.160 l'appareil Android est construit pour 00:10:07.160 --> 00:10:09.730 et j'ai mis en synthèse sur mon appareil, 00:10:09.730 --> 00:10:12.275 J'ai mis dans l'ID bundle pour l'application iOS. 00:10:12.275 --> 00:10:15.680 C'est tout ce qu'il te faut. à faire pour commencer. 00:10:15.680 --> 00:10:19.330 Donc, pour s'assurer que je n'a rien cassé, 00:10:19.330 --> 00:10:24.340 nous allons obtenir l'application en cours d'exécution parce que c'est l'étape numéro 1. 00:10:24.340 --> 00:10:26.795 Alors allons chercher iOS, 00:10:26.795 --> 00:10:29.510 Faisons passer ce test, de sorte que le modèle d'objet de page. 00:10:29.510 --> 00:10:30.955 La façon dont le modèle fonctionne est, 00:10:30.955 --> 00:10:34.070 il est basé sur quatre pages principales. 00:10:34.070 --> 00:10:35.820 Si vous alliez à 00:10:35.820 --> 00:10:40.580 notre référentiel GitHub où nous avons cette mise en place, 00:10:40.580 --> 00:10:42.140 il y a un échantillon là-dedans, 00:10:42.140 --> 00:10:43.610 nous avons un wiki qui 00:10:43.610 --> 00:10:46.190 passe à nouveau par tout dont je parle en ce moment. 00:10:46.190 --> 00:10:47.385 Donc, si vous oubliez, 00:10:47.385 --> 00:10:49.055 il suffit d'entrer et d'avoir une lecture. 00:10:49.055 --> 00:10:51.165 Mais littéralement, tous les U(I), 00:10:51.165 --> 00:10:53.179 toute la page du modèle peut être encapsulé 00:10:53.179 --> 00:10:55.790 dans ces quatre pages qui J'ai parlé là-bas. 00:10:55.790 --> 00:10:58.465 Ce Manager, un test de base, 00:10:58.465 --> 00:11:01.640 une page de base et une requête de plate-forme. 00:11:05.330 --> 00:11:07.710 Oups, qu'est-ce que j'ai fait ? 00:11:07.710 --> 00:11:10.060 Ai-je un échec au test? 00:11:15.200 --> 00:11:17.385 Ok, je vais tels pour Android, 00:11:17.385 --> 00:11:21.380 juste pour un peu, et obtenir ce fonctionnement. 00:11:21.380 --> 00:11:24.960 Mes appareils se déconnectent. 00:11:31.590 --> 00:11:37.630 On l'a. Qui va connecter cette sauvegarder. D'accord. 00:11:37.630 --> 00:11:41.605 Donc, nous avons notre Repl sur le côté, 00:11:41.605 --> 00:11:43.870 que nous allons utiliser pour interroger pour les éléments à l'écran, 00:11:43.870 --> 00:11:45.745 nous avons mon application sur le devant. 00:11:45.745 --> 00:11:49.150 Mais avant que je fasse tout cela va retour au modèle d'objet de page. 00:11:49.150 --> 00:11:51.310 Donc, ces quatre pages de base. 00:11:51.310 --> 00:11:53.830 Au jour le jour, je viens d'entrer et juste 00:11:53.830 --> 00:11:56.170 littéralement juste aller "File New" et copier dans ces pages. 00:11:56.170 --> 00:11:59.470 Mais si vous vouliez être super pratique pour vous, 00:11:59.470 --> 00:12:04.075 nous avons un paquet NuGet que vous pouvez importer, 00:12:04.075 --> 00:12:05.800 et tout ce qui fait est juste automatique 00:12:05.800 --> 00:12:07.840 injecte ces quatre pages que j'ai mentionné, 00:12:07.840 --> 00:12:11.845 baseTest, BasePage, PlatformQuery et AppManager. 00:12:11.845 --> 00:12:14.350 Il ajoute simplement que dans automatiquement pour vous. 00:12:14.350 --> 00:12:15.730 Donc je vais le faire. 00:12:15.730 --> 00:12:17.530 Si vous remarquez, un, deux, 00:12:17.530 --> 00:12:20.260 trois, quatre; quatre pages sont ajoutées. 00:12:20.260 --> 00:12:22.030 Voyons ce que chacun d'eux ressemblent 00:12:22.030 --> 00:12:24.040 une petite chose que nous avons de s'installer là-dedans. 00:12:24.040 --> 00:12:30.925 Ainsi AppManager se transformera en le nouvel AppInitializer. 00:12:30.925 --> 00:12:33.970 Tous les AppManager littéralement faire, c'est juste dire 00:12:33.970 --> 00:12:35.560 le cadre, c'est là que 00:12:35.560 --> 00:12:38.305 l'application Android est et ce est l'endroit où se trouve l'application iOS. 00:12:38.305 --> 00:12:40.840 Depuis que je l'ai déjà eu mis dans ce code ici, 00:12:40.840 --> 00:12:44.680 Je vais juste copier la pièce. parce que je ne veux pas taper ce 00:12:44.680 --> 00:12:48.820 à nouveau, avec cela ici. 00:12:48.820 --> 00:12:51.340 Donc, si vous faisiez ceci, un autre conseil, 00:12:51.340 --> 00:12:53.770 tant sur Windows que sur Mac, 00:12:53.770 --> 00:12:56.035 vous pouvez cliquer à droite ici et ajouter un projet d'application. 00:12:56.035 --> 00:12:57.985 Cela se connectera aux solutions, 00:12:57.985 --> 00:12:59.380 si vous faites une application Xamarin, 00:12:59.380 --> 00:13:02.530 et vous avez votre solution avec l'UITest côte à côte. 00:13:02.530 --> 00:13:05.365 Vous pouvez les brancher à travailler les uns avec les autres. 00:13:05.365 --> 00:13:11.410 J'ai l'habitude d'éviter de faire ça surtout parce que parfois il peut 00:13:11.410 --> 00:13:13.810 prendre quelques minutes si c'est 00:13:13.810 --> 00:13:17.800 une application vraiment grande pour qu'il commence parce qu'il va reconstruire l'application, 00:13:17.800 --> 00:13:21.370 le déployer sur l'appareil, et puis commencer le test pour vous. 00:13:21.370 --> 00:13:23.635 J'aime juste un délai d'exécution plus rapide, 00:13:23.635 --> 00:13:25.420 donc j'ai l'habitude de faire 00:13:25.420 --> 00:13:27.250 sûr que les applications déjà installé sur mon appareil, 00:13:27.250 --> 00:13:28.420 et puis je commence à écrire des tests. 00:13:28.420 --> 00:13:33.500 C'est cool petit conseil, ils peut vous aider parfois. 00:13:33.840 --> 00:13:36.730 Laisse-moi mettre ça ici. D'accord. 00:13:36.730 --> 00:13:40.810 Donc tout ce que j'ai fait, c'est à nouveau juste mettre dans le chemin de l'endroit où 00:13:40.810 --> 00:13:45.595 l'APK et l'installé d'iD mobile pour mon application. 00:13:45.595 --> 00:13:47.980 Je peux maintenant me débarrasser de AppInitializer, 00:13:47.980 --> 00:13:49.705 Je n'ai plus besoin de ça. 00:13:49.705 --> 00:13:53.350 Donc, nous allons supprimer. Prochaine étape. 00:13:53.350 --> 00:13:55.585 On a fait appInitializer. 00:13:55.585 --> 00:13:59.335 Nous devons maintenant entrer et nous allons jetez un oeil à la BasePage. 00:13:59.335 --> 00:14:00.640 Donc BasePage. 00:14:00.640 --> 00:14:02.650 Donc, chaque page que je parlait, 00:14:02.650 --> 00:14:03.850 comme chaque classe est une page, 00:14:03.850 --> 00:14:05.605 de sorte que chaque page va d'hériter de cela. 00:14:05.605 --> 00:14:07.390 Tout ce que cela fait, c'est qu'il vous fournit 00:14:07.390 --> 00:14:09.685 avec un sur Android et sur iOS. 00:14:09.685 --> 00:14:11.980 Donc, c'est comme ça que vous pouvez faire que le fractionnement multi-plateforme 00:14:11.980 --> 00:14:13.810 dont je parlais. 00:14:13.810 --> 00:14:16.390 Une autre chose cool qui le BasePage fait pour 00:14:16.390 --> 00:14:18.715 vous est qu'il prend une capture d'écran gratuite. 00:14:18.715 --> 00:14:21.295 Donc, si vous voulez courir ces tests sur App Center, 00:14:21.295 --> 00:14:23.830 habituellement, c'est que vous n'avez pas captures d'écran dans votre test, 00:14:23.830 --> 00:14:25.030 si vous venez de télécharger un test, 00:14:25.030 --> 00:14:26.860 vous n'allez pas obtenir un bon résultat de test. 00:14:26.860 --> 00:14:28.330 Pour vous faciliter la vie, 00:14:28.330 --> 00:14:30.610 nous avons un AssertOnPage. 00:14:30.610 --> 00:14:33.250 C'est gratuit. Il le fait automatiquement sur chaque page. 00:14:33.250 --> 00:14:35.290 Donc, sur chaque page qui hérite d'un BasePage, 00:14:35.290 --> 00:14:37.600 c'est automatiquement va vérifier, "Hé, 00:14:37.600 --> 00:14:40.434 est-ce sur la page que je m'attends? 00:14:40.434 --> 00:14:42.820 Maintenant, vous vous demanderiez comment le système le saurait-il ou 00:14:42.820 --> 00:14:45.190 comment sommes-nous vérifier qu'il est sur la page qu'il doit être. 00:14:45.190 --> 00:14:47.200 C'est ce que cette magie petite chose et 00:14:47.200 --> 00:14:49.780 le quatrième fichier appelé PlatformQuery. 00:14:49.780 --> 00:14:52.660 Donc, c'est ce que nous utilisons dans 00:14:52.660 --> 00:14:54.010 ce modèle pour s'assurer que vous êtes 00:14:54.010 --> 00:14:55.840 sur la page que vous êtes censé être. 00:14:55.840 --> 00:14:58.315 Par exemple, si vous êtes sur une page de connexion, 00:14:58.315 --> 00:15:01.060 très probablement certaines personnes ont généralement la Parole 00:15:01.060 --> 00:15:03.700 se connecter ou comme connecté sur cette page, 00:15:03.700 --> 00:15:05.440 vous pouvez simplement utiliser que comme un plateau de plate-forme 00:15:05.440 --> 00:15:07.180 pour s'assurer que vous êtes sur la page sont attendus, 00:15:07.180 --> 00:15:09.100 Donc, juste quelque chose unique à cette page. 00:15:09.100 --> 00:15:10.870 Pour que tu le saches, d'accord, 00:15:10.870 --> 00:15:12.490 Je suis sur la page que je suis devrait être et je 00:15:12.490 --> 00:15:14.665 peuvent effectuer les actions sur cette page. 00:15:14.665 --> 00:15:17.455 La belle partie est une fois qu'il vérifie que vous êtes sur cette page, 00:15:17.455 --> 00:15:18.850 il faut une capture d'écran gratuite pour vous. 00:15:18.850 --> 00:15:21.325 Donc, c'est comme sur cette page. 00:15:21.325 --> 00:15:24.415 D'accord. Donc, c'est ce que fait BasePage. 00:15:24.415 --> 00:15:29.575 BaseTestFixtures sont tous les tests va hériter de cela. 00:15:29.575 --> 00:15:32.050 Même processus. Donc, ils sont fournir à ceux qui sont sur 00:15:32.050 --> 00:15:34.870 iOS et sur les valeurs Android ici. 00:15:34.870 --> 00:15:37.870 Encore une fois, il y a parfois quelques défauts dans l'application qui peut 00:15:37.870 --> 00:15:41.620 par défaut peu entre iOS et Android. 00:15:41.620 --> 00:15:43.780 Donc, dans vos tests, vous peut avoir une rupture et 00:15:43.780 --> 00:15:46.870 la faille en utilisant ces valeurs. 00:15:46.870 --> 00:15:50.035 Littéralement, tout ce qu'il fait, c'est qu'il saisit 00:15:50.035 --> 00:15:52.735 la valeur d'AppManager et démarre l'application pour vous. 00:15:52.735 --> 00:15:54.580 C'est tout. C'est super simple, 00:15:54.580 --> 00:15:57.860 rien de trop compliqué, rien trop de fantaisie qui se passe ici. 00:15:57.870 --> 00:16:02.140 Le dernier est le test lui-même. 00:16:02.140 --> 00:16:06.160 C'est ainsi que le test initial ressemble, 00:16:06.160 --> 00:16:08.610 mais si vous avez remarqué dans le test, 00:16:08.610 --> 00:16:11.580 nous faisons déjà comme tous les ces choses de marquage là-dedans. 00:16:11.580 --> 00:16:13.470 Pour qu'on puisse alléger tout le test, 00:16:13.470 --> 00:16:15.060 il n'a pas besoin de toutes ces valeurs. 00:16:15.060 --> 00:16:21.220 Qu'est-ce qu'il va commencer à regarder comme si c'était quelque chose comme ça. 00:16:21.220 --> 00:16:26.365 Donc, votre test sera littéralement il suffit d'hériter baseTestFixture. 00:16:26.365 --> 00:16:27.970 Encore une fois, nous passons dans la plate-forme, 00:16:27.970 --> 00:16:30.775 de sorte qu'il sait quelle plate-forme pour fonctionner sur. 00:16:30.775 --> 00:16:34.450 Ainsi, le Repl étant le lire seulement boucle d'eval, 00:16:34.450 --> 00:16:36.685 qui a conduit à la requête pour éléments à l'écran. 00:16:36.685 --> 00:16:38.935 Ainsi, vous pouvez avoir un test qui lance juste que, 00:16:38.935 --> 00:16:40.960 et puis j'ai un autre test déjà écrit en 00:16:40.960 --> 00:16:44.155 ici qui va dans la page d'accueil, 00:16:44.155 --> 00:16:46.750 comme sur la page d'accueil qui les applications sont en ce moment. 00:16:46.750 --> 00:16:48.355 Permettez-moi de tirer vers le haut app à nouveau. 00:16:48.355 --> 00:16:52.690 Il glissera et il sera entrer dans l'onglet Paramètres. 00:16:52.690 --> 00:16:57.490 Test si simple juste pour s'assurer Je n'ai rien foiré. 00:16:57.490 --> 00:16:58.765 Donc le test est là. 00:16:58.765 --> 00:17:02.470 Jetons un coup d'oeil à ce que une page terminée ressemble. 00:17:02.470 --> 00:17:04.495 Nous allons écrire cette page, alors ne vous inquiétez pas. 00:17:04.495 --> 00:17:08.540 Donc, marcher à travers ce à quoi s'attendre. 00:17:09.060 --> 00:17:12.745 Voilà donc à quoi ressemble une page. 00:17:12.745 --> 00:17:16.150 Quelques conseils ici. Chose alien 00:17:16.150 --> 00:17:19.855 la requête Word fait la vie tellement plus agréable. 00:17:19.855 --> 00:17:24.145 Donc, lorsque vous configurez les différents boutons à l'écran, 00:17:24.145 --> 00:17:25.930 vous pouvez simplement faire la requête, 00:17:25.930 --> 00:17:28.450 ou vous pouvez même le faire dans un petit funk fantaisie. 00:17:28.450 --> 00:17:30.190 Donc, c'est un petit conseil cool d'avoir. 00:17:30.190 --> 00:17:31.780 Donc, nous n'avons pas ces boutons sur l'écran. 00:17:31.780 --> 00:17:33.385 Je vais commenter ce pour l'instant. 00:17:33.385 --> 00:17:36.820 La prochaine chose que vous remarquerez est-il hérite d'une certaine BasePage. 00:17:36.820 --> 00:17:39.820 Donc, si je devais enlever ça, 00:17:39.820 --> 00:17:41.860 le système sera automatiquement être comme, 00:17:41.860 --> 00:17:43.135 Non, il y a quelque chose qui ne va pas. 00:17:43.135 --> 00:17:46.270 Je ne vais pas te laisser faire ça. parce que vous avez besoin de mettre en œuvre 00:17:46.270 --> 00:17:49.960 les implémentations de requêtes de la plate-forme. 00:17:49.960 --> 00:17:52.810 Parce que comme je l'ai dit, il est ce qui motive le système, 00:17:52.810 --> 00:18:00.520 c'est ce qui aide fondamentalement le système comprend désolé, 00:18:00.520 --> 00:18:02.635 que d'accord, c'est sur la page que je suis censé être, 00:18:02.635 --> 00:18:05.275 et maintenant je peux effectuer les actions à ce sujet. 00:18:05.275 --> 00:18:11.320 Donc, la page d'accueil, c'est littéralement cette page sur laquelle il atterrit, 00:18:11.320 --> 00:18:15.730 il vérifie, donc pour sur iOS, 00:18:15.730 --> 00:18:17.890 c'est du texte pour ce bouton. 00:18:17.890 --> 00:18:19.690 Je n'ai pas d'iOS ouvert, n'est-ce pas ? 00:18:19.690 --> 00:18:21.910 Il vérifie pour ce bouton qui dit gMusic. 00:18:21.910 --> 00:18:25.420 Mais si vous remarquez, il ya pas de menu ajouter la tâche dans Android. 00:18:25.420 --> 00:18:28.960 Donc, nous allons découvrir ce que le commerce pourrait être pour Android. 00:18:28.960 --> 00:18:31.525 Laisse-moi aller, où est mon Repl, 00:18:31.525 --> 00:18:33.970 pas mon terminal s'en aller. 00:18:33.970 --> 00:18:39.080 Voyons donc ce que nous ont en cours ici. 00:18:40.140 --> 00:18:43.780 Dans ce flux géant de choses, 00:18:43.780 --> 00:18:45.625 cela peut être un peu écrasante. 00:18:45.625 --> 00:18:47.125 Si vous écrivez l'interface uI test pour la première fois, 00:18:47.125 --> 00:18:48.340 Je connais beaucoup de gens qui ne 00:18:48.340 --> 00:18:49.930 comme regarder le viol et je ne vous en veux pas, 00:18:49.930 --> 00:18:51.670 il s'agit d'une information Cortana. 00:18:51.670 --> 00:18:54.940 Encore une fois, peu de trucs et astuces juste pour vous faciliter la vie. 00:18:54.940 --> 00:18:58.765 Les choses dans ces parenthèses carrées sont généralement des classes. 00:18:58.765 --> 00:19:01.750 Si vous interrogez pour une classe et vous essayez de comprendre, 00:19:01.750 --> 00:19:04.660 si je peux trouver une iD pour une page ou un élément, 00:19:04.660 --> 00:19:07.480 Je peux utiliser la classe, cette est ce que vous voulez utiliser. 00:19:07.480 --> 00:19:09.310 Ce que je vais faire, c'est, 00:19:09.310 --> 00:19:12.295 En fait, je suis entré et a ajouté quelques ID d'automatisation, 00:19:12.295 --> 00:19:15.010 et je vois qu'il ya maintenant page de lecture et il ya 00:19:15.010 --> 00:19:17.800 un mini-joueur qui est cette chose au fond, 00:19:17.800 --> 00:19:19.900 donc je vais utiliser que le Trait. 00:19:19.900 --> 00:19:21.940 Allons ici et remplaçons ça, 00:19:21.940 --> 00:19:23.635 donc nous avons mini joueur. 00:19:23.635 --> 00:19:26.530 Ainsi, la page d'accueil semble bonne assez pour moi, c'est très bien. 00:19:26.530 --> 00:19:28.990 Je ne vais pas mettre de méthode dans la page d'accueil en ce moment juste 00:19:28.990 --> 00:19:31.480 parce que nous ne faisons pas toute action sur la page d'accueil encore, 00:19:31.480 --> 00:19:34.885 tout ce que nous faisons est glisser dans ce menu latéral. 00:19:34.885 --> 00:19:39.145 Je vais retourner dans la page de base pour un peu, 00:19:39.145 --> 00:19:41.980 parce qu'il ya cool funky petite chose 00:19:41.980 --> 00:19:44.065 J'ai ici que je suis va copier plus. 00:19:44.065 --> 00:19:47.230 Ce qui se passe, c'est, 00:19:47.230 --> 00:19:49.585 la page de base est super puissante. 00:19:49.585 --> 00:19:51.940 Une des choses cool que je voulez souligner ici est, 00:19:51.940 --> 00:19:55.750 si vous regardez la façon dont cette application fonctionne, laissez-moi mettre cela en place, 00:19:55.750 --> 00:19:58.390 donc vous êtes dans les chansons que vous en ce moment, 00:19:58.390 --> 00:20:00.160 vous pouvez passer aux artistes. 00:20:00.160 --> 00:20:03.835 Encore une fois, le menu latéral est toujours accessible à partir de la même page. 00:20:03.835 --> 00:20:06.010 Si je vais dans les genres, 00:20:06.010 --> 00:20:08.245 encore une fois le menu latéral est accessible, 00:20:08.245 --> 00:20:09.940 et j'aime le côté hôte, et personne n'a 00:20:09.940 --> 00:20:12.055 a réagi à mon goût trash dans la musique, 00:20:12.055 --> 00:20:14.210 vous êtes les meilleurs. 00:20:14.760 --> 00:20:17.245 Le truc, c'est qu'il s'agit d'une page partagée 00:20:17.245 --> 00:20:18.880 c'est comme une fonctionnalité partagée, 00:20:18.880 --> 00:20:20.800 partageons donc le code. 00:20:20.800 --> 00:20:24.670 Je vais mettre ça. dans ma page de base, 00:20:24.670 --> 00:20:29.185 donc tout ce que tout ce qui fait, c'est cette est la méthode du menu Select, 00:20:29.185 --> 00:20:31.090 qui va faire l'action de l'ouverture 00:20:31.090 --> 00:20:33.250 le menu et sélectionnez un élément de menu. 00:20:33.250 --> 00:20:35.845 Je vais mettre ça dans la page de base parce qu'il ressemble à 00:20:35.845 --> 00:20:39.460 chaque page de cette application a accès à cette page de base. 00:20:39.460 --> 00:20:41.470 Il va faire ma vie plus facile de le faire. 00:20:41.470 --> 00:20:45.775 Un autre truc cool est le retour valeurs de ces méthodes. 00:20:45.775 --> 00:20:47.635 Si vous retournez la page sur laquelle vous êtes, 00:20:47.635 --> 00:20:49.450 vous pouvez continuer à enchaîner sur les méthodes 00:20:49.450 --> 00:20:51.895 fait juste votre test regarder beaucoup plus agréable. 00:20:51.895 --> 00:20:54.865 Ce que nous recommandons avec le modèle d'objet de page est, 00:20:54.865 --> 00:20:58.825 si c'est une méthode qui ne naviguer hors de cette page, 00:20:58.825 --> 00:21:00.610 faire le type de retour de la page elle-même. 00:21:00.610 --> 00:21:01.990 Parce que cela signifie vous allez continuer 00:21:01.990 --> 00:21:03.400 faire plus d'actions sur cette page, 00:21:03.400 --> 00:21:06.490 vous ne voulez pas nouveau une page lorsque vous écrivez le test. 00:21:06.490 --> 00:21:08.560 Mais si vous naviguez loin de la page, 00:21:08.560 --> 00:21:10.210 cela signifie qu'il ya va être une nouvelle page 00:21:10.210 --> 00:21:12.580 qui se passe après cette méthode est fait de toute façon, 00:21:12.580 --> 00:21:16.615 de sorte que c'est quand vous voulez faire il large. C'est une autre astuce cool. 00:21:16.615 --> 00:21:22.420 Je n'ai pas mon alias d'utilisation dans ici, alors laissez-moi m'en remettre, 00:21:22.420 --> 00:21:26.000 vous voulez utiliser quelques funks et wow. 00:21:26.790 --> 00:21:31.900 Ok, ça semble heureux ça a l'air bien. 00:21:31.900 --> 00:21:33.760 J'ai une chose similaire qui ne 00:21:33.760 --> 00:21:38.185 l'action de traînée à partir du bas pour ouvrir la vue maintenant plaine. 00:21:38.185 --> 00:21:40.495 Encore une fois, c'est une action partagée quelle que soit la page que vous êtes 00:21:40.495 --> 00:21:42.790 sur vous devriez être en mesure de faire cette action à nouveau, 00:21:42.790 --> 00:21:44.770 J'ai mis ça dans ma page de base. 00:21:44.770 --> 00:21:46.900 Vous commencerez à remarquer choses comme nous sommes 00:21:46.900 --> 00:21:48.490 faire tous ces principes que vous feriez 00:21:48.490 --> 00:21:50.080 lorsque vous écrivez une application non 00:21:50.080 --> 00:21:52.120 nécessairement quand vous faites un test. 00:21:52.120 --> 00:21:54.910 Le point culminant de la tout ça, c'est que, 00:21:54.910 --> 00:21:57.040 écrire des tests, c'est comme écrire une application. 00:21:57.040 --> 00:21:58.570 Je veux dire, si tu es intelligent à ce sujet, 00:21:58.570 --> 00:22:00.175 et vous pouvez aller suites de test robuste, 00:22:00.175 --> 00:22:01.480 il fait juste l'écriture 00:22:01.480 --> 00:22:04.310 les tests et le maintien eux tellement plus agréable. 00:22:04.380 --> 00:22:06.805 Cool, donc basé sur l'habitude, 00:22:06.805 --> 00:22:08.455 J'ai ma configuration de page d'accueil. 00:22:08.455 --> 00:22:10.390 Nous avons notre test en cours, 00:22:10.390 --> 00:22:11.440 donc je vais commenter 00:22:11.440 --> 00:22:14.530 ce vieux fichier de test parce que nous n'avons plus besoin de ça, 00:22:14.530 --> 00:22:18.085 et c'est notre truc des réglages. 00:22:18.085 --> 00:22:23.230 Un autre conseil cool, c'est tout courir à travers Nunit. 00:22:23.230 --> 00:22:25.390 Ouais, si tu soutiens Nunit 3 maintenant, 00:22:25.390 --> 00:22:30.170 de sorte que vous pouvez utiliser Nunit 3 avec test d'interface uI. 00:22:30.960 --> 00:22:34.600 Mettre en surbrillance et utiliser chaque puissance que Nunit fournit. 00:22:34.600 --> 00:22:38.690 Utilisez des cas de test, et vous savoir optimiser vos bureaux. 00:22:39.900 --> 00:22:43.075 C'est comme si vous aviez tout ce pouvoir là-bas, 00:22:43.075 --> 00:22:44.560 n'oubliez pas que même si cela a 00:22:44.560 --> 00:22:46.300 Le test d'interface uI de Xamarin est en cours d'exécution sur Nunits, 00:22:46.300 --> 00:22:48.610 vous avez toutes les fonctionnalités Nunit à votre disposition. 00:22:48.610 --> 00:22:50.965 Pour que vous puissiez affirmer, vous peut utiliser des cas de test, 00:22:50.965 --> 00:22:52.615 vous pouvez utiliser ignorer, 00:22:52.615 --> 00:22:56.410 vous pouvez également utiliser ma catégorie chose préférée. 00:22:56.410 --> 00:22:59.590 Ma chose préférée à faire avec la catégorie est de 00:22:59.590 --> 00:23:02.275 mettre en place des tests avec test de fumée, 00:23:02.275 --> 00:23:04.825 tests nocturnes, tests de dev. 00:23:04.825 --> 00:23:08.665 Si vous avez votre configuration CI/CD avec les tests d'interface uI en elle, 00:23:08.665 --> 00:23:10.690 catégorisez vos tests, de sorte que vous n'êtes pas en cours d'exécution 00:23:10.690 --> 00:23:12.625 toute la suite de test à chaque fois. 00:23:12.625 --> 00:23:16.465 Donc, si c'est juste un chèque Dev BR il suffit de le faire fonctionne sur les tests de fumée. 00:23:16.465 --> 00:23:18.490 Si c'est un gros jour, 00:23:18.490 --> 00:23:19.840 faire un sous-ensemble de 00:23:19.840 --> 00:23:22.825 toute votre suite et appelez que votre catégorie quotidienne de tests. 00:23:22.825 --> 00:23:24.640 Si c'est une offre Nike, c'est là que je 00:23:24.640 --> 00:23:26.830 recommander de faire comme l'ensemble du test de bout en bout, 00:23:26.830 --> 00:23:28.150 juste parce que personne n'est travailler sur et vous 00:23:28.150 --> 00:23:30.145 ont tous les trois ordinateurs. 00:23:30.145 --> 00:23:36.410 Encore une fois, utilisez l'effet de levier tous les cool choses que Nunit doit fournir. 00:23:36.540 --> 00:23:42.145 Je vais reconstruire le, 00:23:42.145 --> 00:23:43.540 oups, j'ai mon viol ouvert, 00:23:43.540 --> 00:23:44.725 n'est-ce pas ? Oui, je veux. 00:23:44.725 --> 00:23:47.380 On va s'en sortir, 00:23:47.380 --> 00:23:50.905 rapel est bon, ne regarde heureux. 00:23:50.905 --> 00:23:58.930 Nous avons mis en place le cas d'essai pour paramètres page et vérifier que. 00:23:58.930 --> 00:24:03.010 Maintenant, il met en place dans le panneau d'essai de l'unité, 00:24:03.010 --> 00:24:05.260 donc je vais ouvrir jusqu'à la page des paramètres, 00:24:05.260 --> 00:24:07.285 Voyons à quoi ça ressemble. 00:24:07.285 --> 00:24:10.795 Tentative numéro deux avec iOS, Voyons comment ça se passe. 00:24:10.795 --> 00:24:14.300 Non, ça n'aime pas mon appareil iOS, pourquoi ? 00:24:16.920 --> 00:24:21.490 Oups, est resté ça, tuez l'application. 00:24:21.490 --> 00:24:25.300 Obtenez cette application à nouveau, propre. 00:24:25.300 --> 00:24:35.155 C'est parti, allez, 00:24:35.155 --> 00:24:37.520 ne l'éditez pas sur moi. 00:24:37.800 --> 00:24:40.825 Rendre tous les dieux de la démo heureux. 00:24:40.825 --> 00:24:45.610 Comme il est en cours d'exécution, laissez-moi voir, 00:24:45.610 --> 00:24:48.670 J'allais dire quelque chose qui seulement, oh oui, il est en cours d'exécution maintenant. 00:24:48.670 --> 00:24:54.710 Voyons comment ça se passe. Il ouvre l'application. 00:24:57.450 --> 00:25:01.990 Non, il n'a pas glissé et sélectionnez mon élément de menu. 00:25:01.990 --> 00:25:04.550 Je suis si triste maintenant, nous allons voir ce qui se passe. 00:25:04.650 --> 00:25:08.840 Site à droite à gauche, nous avons le menu. 00:25:13.650 --> 00:25:16.000 La prochaine chose que cela sera se produire, mais disons 00:25:16.000 --> 00:25:18.085 que je faisais sur nous allons déboguer test. 00:25:18.085 --> 00:25:20.260 Je ne sais pas pourquoi cela ne fonctionne pas, 00:25:20.260 --> 00:25:22.210 ce que je vais faire va d'entrer dans le viol ici, 00:25:22.210 --> 00:25:24.010 et je vais vérifier pourquoi mon test ne fonctionne pas 00:25:24.010 --> 00:25:25.870 parce que honnêtement, je pensé que cela allait 00:25:25.870 --> 00:25:30.530 travailler comme j'en ai besoin travailler comme un article. 00:25:33.570 --> 00:25:36.985 C'est ainsi que le test terminé, 00:25:36.985 --> 00:25:39.565 oh mon Dieu, je devrais n'oubliez pas de tuer cela. 00:25:39.565 --> 00:25:44.290 Vous avez vu comment le look terminé 00:25:44.290 --> 00:25:46.090 de l'essai ressemble à et comment un tas de 00:25:46.090 --> 00:25:48.550 mon Go-Share et le partage de méthode que vous pouvez faire. 00:25:48.550 --> 00:25:53.080 Comment commenceriez-vous écrire un nouveau test, 00:25:53.080 --> 00:25:55.435 alors peut-être convertir des tests que vous avez déjà. 00:25:55.435 --> 00:25:57.130 Étape numéro un serait littéralement 00:25:57.130 --> 00:25:58.885 ce que je viens de faire, en ajoutant au test d'interface uI, 00:25:58.885 --> 00:26:01.405 vous pouvez utiliser le paquet pop ou vous pouvez aller dans 00:26:01.405 --> 00:26:05.690 GitHub et copie manuelle ces pages ce que vous voulez. 00:26:06.240 --> 00:26:10.180 La deuxième chose est Comme je l'ai dit, entrez, 00:26:10.180 --> 00:26:11.500 modifier le fichier de gestionnaire d'applications, 00:26:11.500 --> 00:26:14.260 supprimer tous les initialisateurs d'application fichier, vous avez fait tout cela. 00:26:14.260 --> 00:26:17.050 Vous entrez et puis 00:26:17.050 --> 00:26:19.795 la prochaine étape est littéralement juste est pour commencer à créer les pages. 00:26:19.795 --> 00:26:22.150 J'ai eu la page d'accueil déjà créé avec le commerce là-dedans, 00:26:22.150 --> 00:26:23.560 mais c'est littéralement la prochaine étape. 00:26:23.560 --> 00:26:25.120 Le buy-in initial peut être un 00:26:25.120 --> 00:26:26.920 peu cher parce que il faut un peu de 00:26:26.920 --> 00:26:30.490 temps en fonction du nombre de pages et à quel point votre application est avancée. 00:26:30.490 --> 00:26:31.870 Mais ce qui est bien, c'est que. 00:26:31.870 --> 00:26:33.460 vous pouvez réellement diviser ce travail 00:26:33.460 --> 00:26:35.200 parce qu'il est indépendant sur qui travaille dessus. 00:26:35.200 --> 00:26:36.715 Parce que tous ceux qui sont sur cette page, 00:26:36.715 --> 00:26:38.110 afin que vous puissiez diviser le travail de 00:26:38.110 --> 00:26:39.640 écrire chaque page entre cinq personnes, 00:26:39.640 --> 00:26:41.005 tout le monde écrit une page, 00:26:41.005 --> 00:26:43.810 et c'est tout, vous avez en la configuration initiale fait. 00:26:43.810 --> 00:26:47.800 Parce qu'une fois que les pages sont dans c'est tout ce qui prend le plus de temps, 00:26:47.800 --> 00:26:50.365 alors vous venez de cuisiner jusqu'à les méthodes pour écrire vos tests, 00:26:50.365 --> 00:26:52.645 super-simple, c'est vraiment simple. 00:26:52.645 --> 00:27:00.500 Maintenant, nous allons voir pourquoi mon balayage de droite à gauche ne glissait pas. 00:27:03.750 --> 00:27:07.840 Mon code est-il dans une autre direction ? 00:27:07.840 --> 00:27:11.170 Mon code est juste de à gauche, d'accord, voyons. 00:27:11.170 --> 00:27:14.090 J'ai fait ouvrir le colza, vérifions. 00:27:14.100 --> 00:27:18.730 Si ça va de droite à gauche il ne fait rien de bizarre. 00:27:18.730 --> 00:27:20.740 Ok, allons de gauche à droite. Je pense que vous avez raison. 00:27:20.740 --> 00:27:27.400 Je pense qu'il est supposé pour glisser de gauche à droite. 00:27:28.380 --> 00:27:31.615 Voilà, belle prise. Je vous remercie. 00:27:31.615 --> 00:27:35.470 La joie du vote sur elle et aucun d'entre vous dorment, c'est bon. 00:27:35.470 --> 00:27:37.090 Je déteste faire des séances après le déjeuner parce que 00:27:37.090 --> 00:27:39.860 Je suis toujours sûr que tout le monde est à moitié endormi. 00:27:41.010 --> 00:27:44.065 L'autre chose que j'ai faite ici, c'était que j'ai commencé à mettre 00:27:44.065 --> 00:27:46.330 un échantillon de la façon dont une fonction ressemblerait, 00:27:46.330 --> 00:27:48.790 mais j'ai trop compliqué les choses moi-même. 00:27:48.790 --> 00:27:50.500 C'est littéralement juste faire 00:27:50.500 --> 00:27:53.570 une correspondance de requête de chaîne à ce qu'il y a ici. 00:27:53.790 --> 00:27:56.890 Une autre chose que j'aime habituellement faire est depuis comme je 00:27:56.890 --> 00:27:59.380 a déclaré la configuration initiale est juste les pages, 00:27:59.380 --> 00:28:01.900 et le moyen le plus rapide pour trouver des éléments sur 00:28:01.900 --> 00:28:05.190 une page I App.flash tout, 00:28:05.190 --> 00:28:07.695 C'est mon truc préféré ici. 00:28:07.695 --> 00:28:11.470 Depuis que je voulais juste taper sur ce bouton Paramètres, 00:28:12.050 --> 00:28:15.215 si je viens d'ajouter. Paramètres Flash, 00:28:15.215 --> 00:28:18.160 Je peux juste comprendre, c'est obtenu deux boutons de réglages, 00:28:18.160 --> 00:28:21.920 J'ai juste besoin de le faire partir, do. 00:28:22.830 --> 00:28:25.705 C'est mon Réglage sa précision bouton, c'est tout. 00:28:25.705 --> 00:28:28.375 Si vous dépensez juste un peu de temps et juste continuer à faire cela, 00:28:28.375 --> 00:28:30.775 il rend le réglage de cette page super rapide. 00:28:30.775 --> 00:28:33.160 En outre, la plupart des cas si vous êtes celui qui est 00:28:33.160 --> 00:28:35.440 écrit l'application que vous connaissez ce que l'automatisation ID vous 00:28:35.440 --> 00:28:37.465 attachés dans Xamarin Forms ou 00:28:37.465 --> 00:28:40.540 quel nom sur l'accessibilité ID que vous avez fourni. 00:28:40.540 --> 00:28:42.700 Donc, vous seriez très probablement connaître la requête déjà. 00:28:42.700 --> 00:28:44.260 Il devrait être super super rapide, 00:28:44.260 --> 00:28:47.245 et super intuitif une fois que vous entrez en elle. 00:28:47.245 --> 00:28:50.814 Je vais aller chercher ça, 00:28:50.814 --> 00:28:52.660 et je vais changer cela parce que 00:28:52.660 --> 00:28:54.550 il n'a pas besoin de être aussi compliqué. 00:28:54.550 --> 00:29:01.255 Cela peut littéralement être juste une chaîne et il peut juste vivre ici. 00:29:01.255 --> 00:29:03.830 Alors je vais utiliser, 00:29:05.460 --> 00:29:07.690 Je n'ai pas tiré ça aujourd'hui, 00:29:07.690 --> 00:29:09.800 Non, c'est juste ici, d'accord. 00:29:17.450 --> 00:29:24.105 Non, ça ne s'en sais pas, Eh bien, d'accord, attends. 00:29:24.105 --> 00:29:26.830 Je vais faire un un peu de fudging ici. 00:29:30.770 --> 00:29:35.320 Je veux me montrer comment les écrire. 00:29:37.520 --> 00:29:40.125 d'accord. Ca a l'air bien. 00:29:40.125 --> 00:29:47.140 Changeons-vous, et Changeons-vous. 00:29:49.580 --> 00:29:53.010 J'ai encore besoin de ma requête. 00:29:53.010 --> 00:29:57.040 Donc, je vais y retourner ici. C'était donc la requête. 00:30:00.800 --> 00:30:03.060 Qu'est-ce qu'il me faut ici ? 00:30:03.060 --> 00:30:10.270 Donc, je vais juste faire ces paramètres. 00:30:16.040 --> 00:30:18.120 En fait, je n'ai même pas 00:30:18.120 --> 00:30:20.400 besoin que plus, maintenant que j'y pense. 00:30:20.400 --> 00:30:23.205 Je peux juste entrer et faire ça, 00:30:23.205 --> 00:30:29.580 jeter dans mon chèque Lambda juste ici. 00:30:29.580 --> 00:30:33.900 Ainsi fait de l'élément ceci, "Tap" sur l'élément cela. 00:30:33.900 --> 00:30:36.420 d'accord. Donc, pour l'instant, 00:30:36.420 --> 00:30:42.030 Nous allons juste ouvrir le menu des paramètres, 00:30:42.030 --> 00:30:44.265 juste parce que je ne veux pas pour perdre le temps de tout le monde, 00:30:44.265 --> 00:30:45.165 et nous nous rapprochons. 00:30:45.165 --> 00:30:49.455 Alors mettons ça en place ici. 00:30:49.455 --> 00:30:52.660 D'accord, super. 00:30:53.900 --> 00:30:56.290 Qu'est-ce qui ne va pas? 00:31:02.450 --> 00:31:05.700 Alors je l'ai appelé. 00:31:05.700 --> 00:31:09.510 "SelectMenuItem" mais je ne le fais pas lui donner une valeur en ce moment. 00:31:09.510 --> 00:31:12.490 d'accord. Allons-y. 00:31:14.330 --> 00:31:17.100 Est-il toujours en cours d'exécution? 00:31:17.100 --> 00:31:21.525 d'accord. Alors n'oubliez pas de tuer l'application que j'oublie de faire. 00:31:21.525 --> 00:31:24.090 Alors, allons-y. 00:31:24.090 --> 00:31:31.680 Je pense que c'est la partie la plus lente, 00:31:31.680 --> 00:31:33.165 juste en attente de ce lancement. 00:31:33.165 --> 00:31:36.225 Mais à part ça, il devient super rapide. 00:31:36.225 --> 00:31:38.430 Donc, ce que nous allons faire maintenant très rapidement, c'est que je vais juste 00:31:38.430 --> 00:31:40.470 vous montrer comment configurer une page parce que 00:31:40.470 --> 00:31:44.520 c'est généra lement tout ce que vous besoin de comprendre sur ce qui est 00:31:44.520 --> 00:31:49.540 qui se passe, et il suffit de comprendre. 00:31:51.860 --> 00:31:55.965 Laissez-moi deviner, mon index n'est pas zéro. 00:31:55.965 --> 00:31:58.200 Oui, mon indice est nul, pas un. 00:31:58.200 --> 00:32:03.580 d'accord. On se sépare. 00:32:04.160 --> 00:32:08.160 Et voilà. Ce que je veux vérifier que c'est une diapositive un, deux. 00:32:08.160 --> 00:32:11.280 d'accord. Il entrera dans cette page. 00:32:11.280 --> 00:32:13.905 Mais ce que nous allons en fait écrire le test pour, 00:32:13.905 --> 00:32:16.290 Je veux tester pour cela lecture de l'écran. 00:32:16.290 --> 00:32:22.150 Essayons ça. 00:32:23.030 --> 00:32:26.140 Allons-y. 00:32:32.330 --> 00:32:38.710 OpenNowPlaying et quand je ouvrir un Repl sur cette page. 00:32:42.650 --> 00:32:46.515 d'accord. Alors que ça se lance, 00:32:46.515 --> 00:32:49.095 comment commenceriez-vous avec une nouvelle page? 00:32:49.095 --> 00:32:54.120 "Ajouter une nouvelle page". Donc, nous allons l'appeler le NowPlayingPage. 00:32:54.120 --> 00:32:57.270 Tout le monde est bon à apprendre. lundi c'est ce que tout le monde ferait. 00:32:57.270 --> 00:33:00.749 Prochaine étape, nous allons hériter de BasePage, 00:33:00.749 --> 00:33:02.010 mais alors ça va être comme, "Non, 00:33:02.010 --> 00:33:03.435 vous devez avoir la requête de la plate-forme. 00:33:03.435 --> 00:33:06.490 d'accord. Ajoutez la requête de la plate-forme. 00:33:09.530 --> 00:33:13.560 Donc, il est sur ma page et il est prêt à partir. 00:33:13.560 --> 00:33:17.310 Pour qu'on puisse remettre ça ici, 00:33:17.310 --> 00:33:18.990 obtenir la police pour cela. 00:33:18.990 --> 00:33:21.750 d'accord. Donc, d'habitude, ce que je fais, c'est, 00:33:21.750 --> 00:33:25.980 Je ne me souviens jamais comment la plate-forme trait et des trucs ressemble. 00:33:25.980 --> 00:33:30.645 Je vais ouvrir dans un échantillon ou je il suffit d'entrer dans la page déjà fait. 00:33:30.645 --> 00:33:34.515 Je décide de copier ce plus parce que j'aime tricher. 00:33:34.515 --> 00:33:39.030 Donc, sous cette commande ici mettre cela ici. 00:33:39.030 --> 00:33:40.980 D'accord. Tout ce que vous avez à faire maintenant est venu et juste 00:33:40.980 --> 00:33:43.395 modifier les valeurs de trait par plate-forme. 00:33:43.395 --> 00:33:46.290 Voyons donc ce qu'il pourrait être pour iOS. 00:33:46.290 --> 00:33:49.150 Voyons donc ce que nous avons ici. 00:33:49.700 --> 00:33:53.745 Nous avons un tas d'écrans. 00:33:53.745 --> 00:33:55.890 Mais j'ai la page ID qui dit 00:33:55.890 --> 00:33:58.050 NowPlayingPage qui est prometteur. 00:33:58.050 --> 00:33:59.310 Donc je vais prendre ça. 00:33:59.310 --> 00:34:03.490 Donc, pour iOS, je vais mettre cela comme un trait de page. 00:34:06.250 --> 00:34:10.120 C'est l'abandon sont là. 00:34:10.120 --> 00:34:13.020 Je vais tirer vers le haut Android, 00:34:13.020 --> 00:34:18.510 et faisons la même chose chose pour Android. 00:34:18.510 --> 00:34:21.855 Donc, les paramètres Android. 00:34:21.855 --> 00:34:25.120 Laissez-moi faire ce test. 00:34:25.250 --> 00:34:27.890 Donc, la configuration initiale. 00:34:27.890 --> 00:34:30.320 Je ne fais pas que littéralement ce que je ferai si je faisais 00:34:30.320 --> 00:34:32.960 ceci sur mon propre à mon bureau. 00:34:32.960 --> 00:34:34.430 Donc, la première étape que j'avais fait, 00:34:34.430 --> 00:34:35.690 lancer ce une couple de fois, 00:34:35.690 --> 00:34:38.045 obtenir tous les traits de page fait. 00:34:38.045 --> 00:34:40.900 Une fois que j'ai les valeurs de trait de page, 00:34:40.900 --> 00:34:42.810 J'ai besoin de réparer ça pour Android clairement, 00:34:42.810 --> 00:34:43.935 il ne glisse pas vers le haut à droite. 00:34:43.935 --> 00:34:48.405 Mais un arbre ici, 00:34:48.405 --> 00:34:51.850 voyons ce qui se passe dans Android. Voyons. 00:34:51.890 --> 00:34:55.830 Donc il y a l'étiquette. Parce que je reviens. 00:34:55.830 --> 00:35:00.330 d'accord. Il y a donc MiniPlayer, il y a CurrentSong, CurrentArtist. 00:35:00.330 --> 00:35:02.280 Je vois une page d'ouverture à nouveau. 00:35:02.280 --> 00:35:05.910 Alors empruntons la même chose pour les deux. 00:35:05.910 --> 00:35:09.180 Maintenant que c'est mis en place, nous pouvons commencer à mettre en 00:35:09.180 --> 00:35:12.270 certaines valeurs pour les éléments sur cet écran. 00:35:12.270 --> 00:35:17.235 Alors encore une fois revenir en arrière, nous allons saisir l'utilisation alias pour cela. 00:35:17.235 --> 00:35:20.265 NowPlayingPage, nous allons entre ici. D'accord. 00:35:20.265 --> 00:35:23.370 Ainsi, le NowPlayingPage a un tas de boutons que je vois. 00:35:23.370 --> 00:35:26.460 Voyons ce qui se passe ici. 00:35:26.460 --> 00:35:28.710 Donc il y a le bouton "Play", 00:35:28.710 --> 00:35:30.180 il y a le haut et les pouces vers le haut, 00:35:30.180 --> 00:35:33.180 pouces vers le bas, il ya le "MiniPlayer". 00:35:33.180 --> 00:35:36.360 Ce que je vais essayer, c'est, 00:35:36.360 --> 00:35:38.370 nous allons voir si vous pouvez obtenir dans le bouton "Shuffle". 00:35:38.370 --> 00:35:40.650 Donc c'est ce bouton par ici. 00:35:40.650 --> 00:35:42.630 Donc, il ya shuffle, il y a du jeu répété. 00:35:42.630 --> 00:35:45.210 Oui. Maintenant, si vous remarquez cette est un autre problème que j'ai vu. 00:35:45.210 --> 00:35:48.075 Ainsi, vous n'avez pas toujours contrôle sur le code source, 00:35:48.075 --> 00:35:49.350 et vous ne pouvez pas toujours être en mesure d'aller dans 00:35:49.350 --> 00:35:50.640 là et ajouter des ID d'automatisation, 00:35:50.640 --> 00:35:53.055 ou ajouter des noms physiques pour les choses. 00:35:53.055 --> 00:35:54.900 Donc, par exemple, si je regarde ici, 00:35:54.900 --> 00:35:58.125 tout ce que je vois, c'est les grilles inférieures contrôlent. 00:35:58.125 --> 00:36:02.280 Je n'ai pas de noms spécifiques pour l'un de ces boutons étant. 00:36:02.280 --> 00:36:04.440 Je pense que c'est un contrôle personnalisé ce regard est utilisé. 00:36:04.440 --> 00:36:07.510 Donc, je n'ai pas de valeurs pour cela. 00:36:07.610 --> 00:36:11.895 La meilleure façon de le faire est il suffit de continuer à forer vers le bas. 00:36:11.895 --> 00:36:13.604 Donc, je vais, 00:36:13.604 --> 00:36:15.060 Nous allons interroger à partir d'ici. 00:36:15.060 --> 00:36:18.210 Donc, c'est ce qu'on appelle les grilles inférieures contrôlent. 00:36:18.210 --> 00:36:22.395 Donc, je vais regarder ce qui sont les enfants à l'intérieur de celui-ci d'abord. 00:36:22.395 --> 00:36:27.870 Je suppose que je vois un, deux, trois, quatre. 00:36:27.870 --> 00:36:29.400 Non, il y en a beaucoup des choses là-dedans. 00:36:29.400 --> 00:36:31.320 d'accord. Nous allons clignoter ces parce que je suis 00:36:31.320 --> 00:36:34.150 je ne sais pas ce qu'il y a ici, il y a tant de choses. 00:36:37.950 --> 00:36:41.890 d'accord. Un, deux, trois, quatre, d'accord. 00:36:41.890 --> 00:36:45.235 Donc, à la grille du bas est toute cette zone du fond, 00:36:45.235 --> 00:36:46.990 Je n'ai pas besoin de toute la zone inférieure. 00:36:46.990 --> 00:36:50.140 Donc je vais utiliser le dernier enfant, 00:36:50.140 --> 00:36:53.650 et nous allons voir ce qui est dans le, nous y allons. 00:36:53.650 --> 00:36:55.450 On se rapproche maintenant, non ? 00:36:55.450 --> 00:37:00.780 Donc, il ne va pas toujours être un cas heureux où vous pouvez 00:37:00.780 --> 00:37:02.880 écrire ces ID parfaits et vous savez maintenir 00:37:02.880 --> 00:37:06.765 un ensemble unique parfait d'identificateurs pour l'élément à l'écran. 00:37:06.765 --> 00:37:08.790 Je ne serais pas trop décidé à ce sujet. 00:37:08.790 --> 00:37:11.790 Avoir quoi que ce soit et obtenir juste des tests de base 00:37:11.790 --> 00:37:13.470 va est beaucoup plus important que 00:37:13.470 --> 00:37:15.545 essayer de trouver des pièces d'ind unique pour n'importe quel élément. 00:37:15.545 --> 00:37:17.740 Tant que le test ne se casse pas, 00:37:17.740 --> 00:37:20.530 c'est un peu cassant à ce stade Je suis d'accord, mais alors c'est 00:37:20.530 --> 00:37:23.470 quand vous pouvez passer ce test et le montrer à l'équipe et être comme, 00:37:23.470 --> 00:37:25.315 "Hé, c'est vraiment utile." 00:37:25.315 --> 00:37:27.115 Commençons à ajouter, 00:37:27.115 --> 00:37:28.390 le fait que ceux-ci vont être 00:37:28.390 --> 00:37:29.770 testés et soyons plus attentifs, 00:37:29.770 --> 00:37:31.660 ajouter plus de noms à ces choses à l'avenir. 00:37:31.660 --> 00:37:33.280 Alors, enrissons-nous. 00:37:33.280 --> 00:37:35.425 Je pense que c'était le deuxième bouton, 00:37:35.425 --> 00:37:38.020 ça va vérifier. Yup. Voilà. 00:37:38.020 --> 00:37:42.055 Donc, la prochaine étape serait littéralement, 00:37:42.055 --> 00:37:44.080 Je peux juste entrer ici. 00:37:44.080 --> 00:37:46.090 C'est là que la beauté entre, n'est-ce pas ? 00:37:46.090 --> 00:37:49.270 Donc, c'est, alors appelons-le. 00:37:49.270 --> 00:37:58.040 Il y a donc le bouton Shuffle et il y en a, allons-y. 00:37:59.460 --> 00:38:02.395 Qu'y avait-il au bouton Répétition ? 00:38:02.395 --> 00:38:04.150 Ils sont un peu à côté à l'autre, non? 00:38:04.150 --> 00:38:06.550 Optimisons donc la mise en place de ce système. 00:38:06.550 --> 00:38:09.430 Donc, c'est là que vous initialisez 00:38:09.430 --> 00:38:13.435 les requêtes pour chaque contrôle sur la page. 00:38:13.435 --> 00:38:18.235 C'est donc là que la plate-forme transversale une partie de l'objet de page joue. 00:38:18.235 --> 00:38:21.310 Si la requête est la même sur les deux plates-formes, 00:38:21.310 --> 00:38:23.395 celui-ci actuel en est un excellent exemple. 00:38:23.395 --> 00:38:25.600 Je ne pense pas que ça va être la même chose sur chacun juste parce que nous 00:38:25.600 --> 00:38:28.240 a dû passer par comme le lit et l'enfant d'une chose, 00:38:28.240 --> 00:38:32.230 et les mises en page de l'interface au sein d'iOS et Android peut être un peu différent. 00:38:32.230 --> 00:38:33.700 C'est donc un bon candidat que non. 00:38:33.700 --> 00:38:36.940 Cela ne va probablement pas d'être une valeur partagée, 00:38:36.940 --> 00:38:39.730 mais quelque chose comme le commerce en cours de lecture. 00:38:39.730 --> 00:38:41.320 Comme c'est la même chose sur les deux plates-formes, 00:38:41.320 --> 00:38:43.105 vous pourriez juste littéralement entre zavoir comme si 00:38:43.105 --> 00:38:46.405 Shuffle Button et puis juste laisser tomber la requête ici, 00:38:46.405 --> 00:38:47.710 et cela signifie juste que oh utiliser 00:38:47.710 --> 00:38:50.005 la même valeur de requête pour quelles plates-formes. 00:38:50.005 --> 00:38:52.450 Mais si c'est différent pour chacun, 00:38:52.450 --> 00:38:53.875 Séparons-le. 00:38:53.875 --> 00:38:56.875 Donc, si sur les deux plate-forme, 00:38:56.875 --> 00:38:58.885 comment vous allez faire d'avoir 00:38:58.885 --> 00:39:00.460 certains paramètres différents dans iOS et 00:39:00.460 --> 00:39:02.575 Android et les entreprises concept similaire. 00:39:02.575 --> 00:39:05.065 Donc, c'est ce que le Shuffle Button ressemble, 00:39:05.065 --> 00:39:08.725 et nous avons le bouton de répétition 00:39:08.725 --> 00:39:12.955 et l'index de cette était juste si, 00:39:12.955 --> 00:39:14.410 Je crois que j'ai échangé l'index. 00:39:14.410 --> 00:39:17.935 Donc, c'est un, c'est deux, boom [inaudible]. 00:39:17.935 --> 00:39:20.560 Voilà. d'accord. on pourrait à ce stade 00:39:20.560 --> 00:39:23.725 en fait juste continuer et mettre les méthodes de la page. 00:39:23.725 --> 00:39:26.650 Donc, comme pour cette page et en ce moment, 00:39:26.650 --> 00:39:34.790 ce sera la presse dire Shuffle Button. 00:39:36.720 --> 00:39:40.915 Je vais rendre ça, 00:39:40.915 --> 00:39:42.940 seulement parce que c'est une action qui n'est pas 00:39:42.940 --> 00:39:44.695 naviguer près de la sortie de cette page. 00:39:44.695 --> 00:39:46.150 Je vais rester et je peux 00:39:46.150 --> 00:39:48.670 continuer à faire plus de choses sur cette page. 00:39:48.670 --> 00:39:51.370 Après cela, je peux aller et cliquez sur qui vient bouton. 00:39:51.370 --> 00:39:53.050 Je peux aller cliquer sur le bouton partager. 00:39:53.050 --> 00:39:55.255 Je peux aller cliquer sur le bouton ellipse. 00:39:55.255 --> 00:39:57.310 Donc, c'est ce que j'étais 00:39:57.310 --> 00:39:59.290 parler avant d'agir qui restent sur la page, 00:39:59.290 --> 00:40:00.865 faire retourner le type de page lui-même. 00:40:00.865 --> 00:40:03.325 Parce que quand vous écrivez un test, 00:40:03.325 --> 00:40:06.460 il peut enchaîner le long. 00:40:06.460 --> 00:40:08.320 Donc, une autre bonne chose J'aime faire, c'est, 00:40:08.320 --> 00:40:10.210 J'aime toujours attendre pour un élément à 00:40:10.210 --> 00:40:12.775 apparaissent avant que je ne fasse toute action à ce sujet. 00:40:12.775 --> 00:40:16.510 C'est comme affirmer vrai ou affirmé visible, 00:40:16.510 --> 00:40:17.680 mais j'essaie juste d'utiliser le poids pour 00:40:17.680 --> 00:40:19.390 élément juste parce que il a un construit dans 00:40:19.390 --> 00:40:22.870 mécanisme de réessayage déjà cuit en elle à partir du test d'interface uI. 00:40:22.870 --> 00:40:25.720 C'est super sympa. Fait en faire sentir à mon test un 00:40:25.720 --> 00:40:28.915 un peu plus comme je me sens mieux à ce sujet avant. 00:40:28.915 --> 00:40:30.760 Juste pour s'assurer que l'élément a en fait été 00:40:30.760 --> 00:40:33.115 rendu à l'écran avant que je tape sur elle. 00:40:33.115 --> 00:40:37.690 Donc, nous allons juste pour voir ce qui était à 00:40:37.690 --> 00:40:43.450 garde Presse Répéter parce que 00:40:43.450 --> 00:40:45.760 Je veux vous montrer ce que l'enchaînement des tests ressemble. 00:40:45.760 --> 00:40:48.085 Alors rendons ça. 00:40:48.085 --> 00:40:53.720 Encore une fois, app. Bouton WaitFor Repeat, 00:40:54.120 --> 00:41:00.805 et l'application. Appuyez sur bouton répéter. 00:41:00.805 --> 00:41:04.825 D'accord. Alors maintenant, faites J'ai ça prêt ? 00:41:04.825 --> 00:41:08.020 La prochaine étape littéralement gauche à faire serait que je serais 00:41:08.020 --> 00:41:10.480 relancer un Repl à nouveau mais pour iOS cette fois, 00:41:10.480 --> 00:41:12.670 et tout ce que je ferai pour iOS il est aller et 00:41:12.670 --> 00:41:15.265 trouver les requêtes pour ces deux boutons. 00:41:15.265 --> 00:41:17.260 C'est ça, ma page est mise en place. 00:41:17.260 --> 00:41:19.240 C'est tout ce que vous avez à faire faire. Donc, c'est juste 00:41:19.240 --> 00:41:20.860 tout le buy-in initial dont vous avez besoin. 00:41:20.860 --> 00:41:22.330 C'est tout le temps que vous passeriez 00:41:22.330 --> 00:41:23.815 la première fois que je viens de les mettre en place, 00:41:23.815 --> 00:41:25.120 et après qu'ils soient super-simple parce que 00:41:25.120 --> 00:41:26.725 maintenant ce que je vais aller ajouter un test. 00:41:26.725 --> 00:41:28.240 Ajoutons un tout nouveau test. 00:41:28.240 --> 00:41:32.630 Donc, appelons-le maintenant test de clignotement. 00:41:32.640 --> 00:41:37.180 Je vais venir ici, 00:41:37.180 --> 00:41:38.890 ajouter dans le BaseTestFixture. 00:41:38.890 --> 00:41:43.130 Cela a besoin de plate-forme. 00:41:44.430 --> 00:41:49.760 Aller à, ajouter ceci, 00:41:50.310 --> 00:41:54.640 plate-forme, boom. Voilà. 00:41:54.640 --> 00:41:56.950 Tu es prêt. Pour passer un test, 00:41:56.950 --> 00:41:58.930 mettons une étiquette de test, 00:41:58.930 --> 00:42:00.940 n'a pas d'unité N ici. 00:42:00.940 --> 00:42:02.890 Alors tirons dans l'unité N, après ça. 00:42:02.890 --> 00:42:07.105 Donc vide public. Appelons-le, 00:42:07.105 --> 00:42:12.760 XamDevSummitTest parce que je suis grand avec des noms. D'accord. 00:42:12.760 --> 00:42:16.000 Donc, en venant à la nouvelle page d'accueil, 00:42:16.000 --> 00:42:18.970 et puis vous voulez aller ouvert En cours de lecture. 00:42:18.970 --> 00:42:22.240 Boom, c'est tout. C'est ma première action. La prochaine chose. 00:42:22.240 --> 00:42:23.560 Maintenant que j'ai ouvert Now Playing, 00:42:23.560 --> 00:42:24.730 Je suis sur la page En cours de lecture. 00:42:24.730 --> 00:42:28.690 Donc nouveau Maintenant lecture Page. Qu'est-ce que c'était ? 00:42:28.690 --> 00:42:32.890 Donc, nous allons appuyer sur Répéter et puis Je veux continuer à agir, 00:42:32.890 --> 00:42:38.020 et puis je vais appuyer sur le bouton Shuffle. Voilà. 00:42:38.020 --> 00:42:41.740 Donc, votre test d'interface uI comme une sorte de qui coule et va et en cours d'exécution dans 00:42:41.740 --> 00:42:46.510 à travers et le maintenir 00:42:46.510 --> 00:42:48.520 maintenant aller de l'avant, Il suffit d'y penser. 00:42:48.520 --> 00:42:50.050 Si vous revenez après quelques 00:42:50.050 --> 00:42:52.240 jours ou quelques mois et vous lisez ce test, 00:42:52.240 --> 00:42:53.320 vous êtes comme, "Oh ok, 00:42:53.320 --> 00:42:55.510 ouais je teste le fonctionnalité pour les états. 00:42:55.510 --> 00:42:57.940 Rien n'est ambigu. rien est bizarre, tout cela a un sens. 00:42:57.940 --> 00:43:02.800 C'est lisible. ouais. Donc, c'est un cadre que nous utilisons un peu. 00:43:02.800 --> 00:43:05.290 Il est populaire avec mon équipe et nous avons eu 00:43:05.290 --> 00:43:08.200 quelques bons partages de commentaires avec d'autres personnes. 00:43:08.200 --> 00:43:12.475 Donc, c'est comme ça que littéralement mise en œuvre, il ressemble. 00:43:12.475 --> 00:43:14.935 Qu'est-ce qu'il me restait à montrer ? 00:43:14.935 --> 00:43:17.485 D'accord, oui. Donc, je veux rapidement revenir ici. 00:43:17.485 --> 00:43:19.600 J'en ai couvert beaucoup en ce moment quand j'en parlais, 00:43:19.600 --> 00:43:23.815 mais juste d'autres conseils utiles de test d'interface uI. 00:43:23.815 --> 00:43:25.570 Encore une fois test sur les appareils réels comme je suis 00:43:25.570 --> 00:43:28.135 en ce moment, c'est super utile. 00:43:28.135 --> 00:43:30.370 Si vous mettez des points d'arrêt dans vos tests 00:43:30.370 --> 00:43:32.215 et vous vous demandez comment pour atteindre ces points d'arrêt. 00:43:32.215 --> 00:43:34.000 Donc, si vous venez de double-cliquez et faire un test, 00:43:34.000 --> 00:43:35.380 il ne frappera pas ceux-ci. 00:43:35.380 --> 00:43:37.330 Vous cliquez à droite et ne déboguer, 00:43:37.330 --> 00:43:39.760 et c'est alors qu'il va commencer frapper vos points d'arrêt. 00:43:39.760 --> 00:43:41.590 Je vous ai montré la déclara tion d'utilisation. 00:43:41.590 --> 00:43:45.145 Je t'ai montré les cas de test et les catégories. 00:43:45.145 --> 00:43:50.410 Ce ne sont que d'autres pratiques exemplaires que nous avons essayé de partager, 00:43:50.410 --> 00:43:52.390 en gardant que chaque désolé 00:43:52.390 --> 00:43:54.580 indépendant dans son statut est une bonne pratique. 00:43:54.580 --> 00:43:57.370 Ne pas lier les activités de la chaîne parce que supposons qu'un test échoue, 00:43:57.370 --> 00:43:58.780 vous ne voulez pas comme tout le reste à l'échec. 00:43:58.780 --> 00:44:01.540 Vous voulez de l'utile informations à sortir. 00:44:01.540 --> 00:44:03.550 Soyez déterministe. 00:44:03.550 --> 00:44:06.580 Vous pouvez mettre dans les portes arrière que vous pouvez invoquer dans 00:44:06.580 --> 00:44:07.900 vos applications pour des choses comme 00:44:07.900 --> 00:44:10.180 l'authentification ou vous voulez pour marquer un service de données. 00:44:10.180 --> 00:44:13.190 Les portes arrière sont une grande chose à examiner. 00:44:13.200 --> 00:44:16.090 Quoi d'autre? Essayez de ne pas faire de boucle. 00:44:16.090 --> 00:44:20.290 Utilisez de bonnes affirmations, donc les éléments d'assortiment sont visibles, 00:44:20.290 --> 00:44:21.430 poids que les éléments sont visibles, 00:44:21.430 --> 00:44:22.630 élément de poids a disparu. 00:44:22.630 --> 00:44:24.850 [inaudible] sont parfaits pour les animations. 00:44:24.850 --> 00:44:26.290 Donc, si vous avez une animation de transition, 00:44:26.290 --> 00:44:27.850 le ranger loin et attendre 00:44:27.850 --> 00:44:30.040 aucun élément n'est une grande chose à utiliser. 00:44:30.040 --> 00:44:32.320 Évitez Thread.Sleeps. 00:44:32.320 --> 00:44:34.015 C'est la pire chose que tu puisses. 00:44:34.015 --> 00:44:35.650 Ne mettez pas Thread.Sleeps. 00:44:35.650 --> 00:44:38.380 Encore une fois, il suffit de faire attention si vous boucle. 00:44:38.380 --> 00:44:40.495 La boucle n'est pas ton ami. 00:44:40.495 --> 00:44:42.220 Alors je suis allé un peu plus en plus, 00:44:42.220 --> 00:44:45.620 mais je peux rapidement faire questions, donc des questions. 00:44:46.230 --> 00:44:49.510 Il suffit d'aller de l'avant au micro afin 00:44:49.510 --> 00:44:51.120 que tout le monde en ligne peut vous entendre aussi. 00:44:51.120 --> 00:44:52.690 Donc, quand vous avez mentionné les portes dérobées, 00:44:52.690 --> 00:44:54.955 vous auriez alors écrire une méthode dans votre code? 00:44:54.955 --> 00:44:57.700 Oui, exactement. Donc, vous veulent les garder pour iOS, 00:44:57.700 --> 00:44:58.945 les mettre dans le délégué app 00:44:58.945 --> 00:45:01.420 et sur Android mettant votre activité principale, 00:45:01.420 --> 00:45:03.430 et puis vous pouvez invoquer ce même nom de chaîne 00:45:03.430 --> 00:45:06.470 dans votre test et vous pouvez faire ce que vous voulez. 00:45:06.540 --> 00:45:09.070 Donc, pour les rapports, 00:45:09.070 --> 00:45:12.280 y a-t-il des plans futurs pour faire un visualiseur comme ça, 00:45:12.280 --> 00:45:14.575 comme nous l'avons pour l'arbre XML? 00:45:14.575 --> 00:45:16.780 Parlons-en. Venez me rencontrer à 00:45:16.780 --> 00:45:18.670 le stand et j'aime entendre des idées. 00:45:18.670 --> 00:45:21.670 J'ai entendu cette rétroaction et j'aime savoir 00:45:21.670 --> 00:45:22.780 plus et nous pouvons examiner 00:45:22.780 --> 00:45:24.895 quelque chose à propos de faire quelque chose comme ça, oui. 00:45:24.895 --> 00:45:27.220 Un autre dans votre page de base, 00:45:27.220 --> 00:45:29.665 vous avez retourné ceci. 00:45:29.665 --> 00:45:31.630 Retournez toujours la page mal. 00:45:31.630 --> 00:45:34.420 On ne doit pas l'attendre ? 00:45:34.420 --> 00:45:37.630 Donc, si vous faites le chargement de données et votre spinner est en place avant, 00:45:37.630 --> 00:45:38.860 nous allons dans la page, avons-nous 00:45:38.860 --> 00:45:40.150 de faire quelque chose pour cela en particulier? 00:45:40.150 --> 00:45:44.095 Oui, c'est vrai. Ainsi, vous pouvez totalement le jeter dans cette page de base. 00:45:44.095 --> 00:45:45.850 Ce n'était qu'une façon d'utiliser la page de base. 00:45:45.850 --> 00:45:47.110 Je veux juste mettre en évidence la puissance de 00:45:47.110 --> 00:45:48.730 avoir partagé des méthodes là-dedans. 00:45:48.730 --> 00:45:51.310 Vous pouvez en fait juste écrire une extension ou comme une aide, 00:45:51.310 --> 00:45:52.540 et ensuite mettre quelque chose comme, 00:45:52.540 --> 00:45:53.950 vous savez que vous êtes s'attendant à une animation. 00:45:53.950 --> 00:45:55.990 Alors, fais-le, attends. pour que le spinner s'en aille. 00:45:55.990 --> 00:45:57.415 Alors n'attendez aucun élément, 00:45:57.415 --> 00:46:00.820 et mettre dans l'ID à la filature ou tout simplement utiliser la classe spinner, 00:46:00.820 --> 00:46:02.890 et puis il suffit de vérifier que le spinner a 00:46:02.890 --> 00:46:05.050 s'en disparu et puis commencer faire vos actions. ouais. 00:46:05.050 --> 00:46:07.995 Oui, c'est vrai. Une dernière question peut-être ce n'est pas vraiment dans votre régi on, 00:46:07.995 --> 00:46:09.360 mais vous prenez des captures d'écran. 00:46:09.360 --> 00:46:11.070 Y at-il quelque chose que vous pouvez faire 00:46:11.070 --> 00:46:15.075 pour des captures d'écran correspondantes avec des tests précédents comme, 00:46:15.075 --> 00:46:16.650 parce que si vous faites de l'interface uI, 00:46:16.650 --> 00:46:18.120 vous voulez savoir que vos éléments sont 00:46:18.120 --> 00:46:20.160 toujours à l'écran au lieu de hors écran, 00:46:20.160 --> 00:46:22.995 Je ne sais pas si vous pouvez faire cela dans les rapports. 00:46:22.995 --> 00:46:25.575 Non, pas maintenant. 00:46:25.575 --> 00:46:29.440 Encore une fois, j'ai entendu parler de gens vouloir un outil qui pourrait le faire. 00:46:29.440 --> 00:46:30.895 Je pense que c'est une bonne idée aussi. 00:46:30.895 --> 00:46:32.605 La seule chose à laquelle je peux penser, c'est: 00:46:32.605 --> 00:46:34.975 si vous téléchargez ces tests à App Center, 00:46:34.975 --> 00:46:36.685 il génère ces rapports pour vous. 00:46:36.685 --> 00:46:38.200 Ce sera comme une vérification manuelle si 00:46:38.200 --> 00:46:39.910 il n'y a pas de moyen automatisé de le faire. 00:46:39.910 --> 00:46:42.370 Peut-être que vous pouvez utiliser les services cognitifs et construire cet outil, 00:46:42.370 --> 00:46:43.895 et j'aimerais vous aider avec elle. 00:46:43.895 --> 00:46:44.490 D'accord. Je vous remercie. 00:46:44.490 --> 00:46:44.990 Oui, c'est vrai. 00:46:44.990 --> 00:46:48.790 Salut, j'ai remarqué que dans l'un de vos tests vous 00:46:48.790 --> 00:46:52.630 avait une méthode de traînée avec certains Kubernetes à code dur. 00:46:52.630 --> 00:46:52.900 Oui, c'est vrai. 00:46:52.900 --> 00:46:54.100 Est-ce que ça va te donner des problèmes 00:46:54.100 --> 00:46:55.180 sur la taille différente de [inaudible]? 00:46:55.180 --> 00:46:57.565 Il est totalement et pas la façon recommandée de le faire. 00:46:57.565 --> 00:46:59.875 C'était juste pour cette démo, Je voulais juste glisser. 00:46:59.875 --> 00:47:01.090 Je n'ai même pas si bien balayé, 00:47:01.090 --> 00:47:05.350 mais la façon idéale de réellement faire qui est à nouveau requête 00:47:05.350 --> 00:47:07.390 à cet élément et l'utilisation coordonnées x et y 00:47:07.390 --> 00:47:09.880 parce que c'est un mini-joueur et j'ai la iD pour ça. 00:47:09.880 --> 00:47:11.770 Donc, vous devriez dans bonne pratique soit de faire cela, 00:47:11.770 --> 00:47:14.140 et c'est ce que je serai pour le code réel. 00:47:14.140 --> 00:47:15.790 Je veux faire ça à Clancy, 00:47:15.790 --> 00:47:17.785 nettoyer cela, le rendre plus joli. 00:47:17.785 --> 00:47:20.560 S'il vous plaît aller dans et jeter un oeil à cela et me donner des commentaires 00:47:20.560 --> 00:47:23.140 ou tout simplement entrer et contribuer plus de code là-dedans. Alors oui. 00:47:23.140 --> 00:47:24.310 Merci. 00:47:24.310 --> 00:47:27.100 Donc, et il ya effectivement je pense que dans mes correcteurs sont 00:47:27.100 --> 00:47:29.500 comme un balayage pour mettre en vedette où vous pouvez mettre en. 00:47:29.500 --> 00:47:31.015 Donc, vous assurez-vous de glisser vers elle. 00:47:31.015 --> 00:47:32.170 Oui, vous pouvez glisser vers elle. 00:47:32.170 --> 00:47:34.165 Vous pouvez glisser l'outil, 00:47:34.165 --> 00:47:36.370 prend ou vous pouvez mettre sur un élément que vous voulez 00:47:36.370 --> 00:47:39.010 cible à ou comme un x et y coordonner que vous voulez aller à. 00:47:39.010 --> 00:47:43.255 ouais. Ok, comme deux autres questions, je pense que oui. 00:47:43.255 --> 00:47:44.830 Nous constatons souvent que quand nous enregistons 00:47:44.830 --> 00:47:47.485 Les tests d'interface uI nécessitent des délais d'arrêt, 00:47:47.485 --> 00:47:48.820 qu'ils travaillent très bien sur 00:47:48.820 --> 00:47:50.950 machines locales et notre serveur de build, mais ils 00:47:50.950 --> 00:47:56.185 se sentait continuellement absent ou y a-t-il un moyen de contourner cela? 00:47:56.185 --> 00:47:58.105 Allons me voir au stand. 00:47:58.105 --> 00:48:00.325 J'aime voir ce que exactement est en cours. ouais. 00:48:00.325 --> 00:48:05.800 Est-ce que xamarin UI Tests comme Cadre activement maintenu- 00:48:05.800 --> 00:48:06.130 Oui, c'est vrai. 00:48:06.130 --> 00:48:08.035 Parce que j'ai entendu autre chose. 00:48:08.035 --> 00:48:10.495 Non, c'est être activement travaillé sur. 00:48:10.495 --> 00:48:12.985 Il vient de mettre à jour à l'interface du test 00:48:12.985 --> 00:48:16.570 3.0 parce que maintenant nous avons Soutien NUnit 3.0. 00:48:16.570 --> 00:48:18.520 Alors oui, ils sont activement travailler sur elle. ouais. 00:48:18.520 --> 00:48:19.015 Merci. 00:48:19.015 --> 00:48:21.565 D'accord. Ce ne sont que des questions Je peux prendre tout de suite. 00:48:21.565 --> 00:48:22.660 Je serai au stand, 00:48:22.660 --> 00:48:23.980 alors s'il vous plaît venez me trouver et 00:48:23.980 --> 00:48:25.585 me poser toutes les autres questions que vous avez. 00:48:25.585 --> 00:48:28.240 J'aimerais regarder n'importe quel code de test d'interface utilisateur que vous avez besoin d'aide, 00:48:28.240 --> 00:48:30.320 mais merci beaucoup.