{"id":365328,"date":"2023-06-23T10:53:20","date_gmt":"2023-06-23T09:53:20","guid":{"rendered":"https:\/\/blog.jetbrains.com\/?post_type=qa&#038;p=365328"},"modified":"2023-06-23T14:50:57","modified_gmt":"2023-06-23T13:50:57","slug":"la-prise-en-charge-de-playwright-est-maintenant-disponible-dans-jetbrains-aqua","status":"publish","type":"qa","link":"https:\/\/blog.jetbrains.com\/fr\/qa\/2023\/06\/la-prise-en-charge-de-playwright-est-maintenant-disponible-dans-jetbrains-aqua\/","title":{"rendered":"La prise en charge de Playwright est maintenant disponible dans JetBrains Aqua"},"content":{"rendered":"<p>L&#8217;\u00e9quipe Aqua a une annonce sp\u00e9ciale \u00e0 faire !<\/p>\n<p>Nous travaillons depuis quelques temps d\u00e9j\u00e0 \u00e0 offrir une prise en charge de premier ordre pour les frameworks de tests les plus populaires, en r\u00e9ponse aux nombreuses demandes de nos utilisateurs, et nous avons aujourd&#8217;hui le plaisir d&#8217;annoncer que la nouvelle version d&#8217;Aqua fournit une prise en charge compl\u00e8te de <a href=\"https:\/\/playwright.dev\/\" target=\"_blank\" rel=\"noopener\">Playwright<\/a>.<\/p>\n<p align=\"center\"><a class=\"jb-download-button\" href=\"https:\/\/www.jetbrains.com\/fr-fr\/aqua\/download\/\" target=\"_blank\" rel=\"noopener\">T\u00c9L\u00c9CHARGER AQUA<\/a><\/p>\n<h2 id=\"\">\u00a0<\/h2>\n<h1 id=\"playwright_support\">Prise en charge de Playwright<\/h1>\n<h3 id=\"aqua_shows_your_tests\">Affichage de vos tests dans Aqua<\/h3>\n<p>Lorsque vous ouvrez votre projet, Aqua d\u00e9tecte vos tests Playwright et affiche des ic\u00f4nes dans la goutti\u00e8re pour vous permettre de les ex\u00e9cuter directement dans l&#8217;\u00e9diteur.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/06\/OpenProject.png\" alt=\"\" width=\"1686\" \/><\/p>\n<p>L&#8217;ex\u00e9cution de tests avec Playwright est simple et facile. Si besoin, vous pouvez aussi choisir d&#8217;ex\u00e9cuter tous les tests \u00e0 partir d&#8217;un fichier ou d&#8217;un r\u00e9pertoire.<\/p>\n<h3 id=\"explore_results_and_find_issues\">Examiner les r\u00e9sultats et identifier les probl\u00e8mes<\/h3>\n<p>Lorsqu&#8217;un test est termin\u00e9, Aqua fournit les r\u00e9sultats complets, y compris les journaux et les sorties de la console pour chaque test. Les nombreuses options de tri et de filtrage facilitent consid\u00e9rablement l&#8217;examen des tests \u00e9chou\u00e9s ou ignor\u00e9s, ou d&#8217;inspecter le temps d&#8217;ex\u00e9cution de chaque test.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/06\/TestRun-PW.png\" alt=\"\" width=\"1800\" \/><br \/>Aqua permet de naviguer facilement de la fen\u00eatre d&#8217;outil pr\u00e9sentant les r\u00e9sultats des tests au code source du test s\u00e9lectionn\u00e9. Pour vous faciliter davantage la t\u00e2che, Aqua affiche des conseils d&#8217;insertion indiquant le temps d&#8217;ex\u00e9cution de l&#8217;\u00e9tape, met en \u00e9vidence la ligne ou l&#8217;expression erron\u00e9e directement dans l&#8217;\u00e9diteur de code source, et fournit le message d&#8217;erreur correspondant. Tout cela contribue \u00e0 assurer une exp\u00e9rience utilisateur fluide.<\/p>\n<h3 id=\"save_and_share_your_test_run_settings\">Enregistrer et partager vos param\u00e8tres d&#8217;ex\u00e9cution de tests<\/h3>\n<p>Si vous ex\u00e9cutez plusieurs ensembles de tests avec diff\u00e9rents param\u00e8tres ou configurations, vous pouvez enregistrer vos param\u00e8tres en tant que configuration d&#8217;ex\u00e9cution (<em>Run Configuration<\/em>), partager cette configuration avec votre \u00e9quipe et basculer instantan\u00e9ment entre les diff\u00e9rentes param\u00e8tres.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/06\/EditConfig.png\" alt=\"\" width=\"1780\" \/><\/p>\n<p>Aqua prend \u00e9galement en compte le fichier Playwright.tsconfig et fait des suggestions d&#8217;ajustements si le fichier de test s\u00e9lectionn\u00e9 ne trouve pas dans le r\u00e9pertoire de tests sp\u00e9cifi\u00e9.<\/p>\n<h3 id=\"search_specific_test_case\">Recherche de cas de tests sp\u00e9cifiques<\/h3>\n<p>Trouver un test sp\u00e9cifique dans le code source peut parfois \u00eatre compliqu\u00e9, surtout lorsque les tests ne sont pas d\u00e9clar\u00e9s en tant que fonctions. C&#8217;est l\u00e0 qu&#8217;Aqua peut vous aider. Appuyez deux fois sur \u21e7 pour ouvrir la fen\u00eatre de recherche et utilisez <em>Go to Symbol<\/em> ou <em>Search everywhere<\/em>\u00a0pour trouver le test en question et y acc\u00e9der facilement.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/06\/searchEverywhere.png\" alt=\"\" width=\"1800\" \/><\/p>\n<h2 id=\"debugger\">D\u00e9bogueur<\/h2>\n<p>Aqua inclut \u00e9galement un d\u00e9bogueur pour les tests Playwright directement dans l&#8217;IDE. Vous pouvez d\u00e9finir des points d&#8217;arr\u00eats pour stopper l&#8217;ex\u00e9cution et analyser votre code.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/06\/debugger.png\" alt=\"\" width=\"1800\" \/><\/p>\n<h2 id=\"enjoy_an_advanced_code_editing_experience\">B\u00e9n\u00e9ficiez d&#8217;une exp\u00e9rience d&#8217;\u00e9dition de code avanc\u00e9e<\/h2>\n<p>Aqua fournit une excellente prise en charge de JavaScript et de TypeScript, qui inclut notamment la saisie semi-automatique intelligente du code, la navigation et la prise en charge des linters.<\/p>\n<p>Nous avons am\u00e9lior\u00e9 l&#8217;analyse du code et introduit la prise en charge des fonctions et expressions sp\u00e9cifiques \u00e0 Playwright.<br \/>Aqua met en \u00e9vidence les localisateurs CSS et XPath dans les litt\u00e9raux de cha\u00eene et fournit la compl\u00e9tion de code correspondante.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/06\/locators.png\" alt=\"\" width=\"1800\" \/><\/p>\n<p>Si la page web test\u00e9e est ouverte dans l&#8217;Inspecteur Web int\u00e9gr\u00e9, Aqua sugg\u00e9rera des localisateurs fiables pour les \u00e9l\u00e9ments de la page.<\/p>\n<p>Le m\u00eame niveau de prise en charge est \u00e9galement disponible lors de la suggestion de valeurs d&#8217;attributs <code>data-testid<\/code>, <code>aria-label<\/code>, <code>role<\/code> de votre page web pour les fonctions <code>page.getByRole<\/code>, <code>page.getByLabel<\/code> et <code>page.getByTestId<\/code>. Aqua utilise le nom de l&#8217;attribut de test des donn\u00e9es provenant du fichier de configuration Playwright.<\/p>\n<p>Aqua prend \u00e9galement en charge la navigation du code source vers l&#8217;\u00e9l\u00e9ment sur votre page. Par exemple, si vous cliquez sur le s\u00e9lecteur CSS ou sur la valeur d&#8217;attribut pass\u00e9e \u00e0 la fonction <code>page.getByTestId<\/code>, Aqua mettra cet \u00e9l\u00e9ment en \u00e9vidence dans l&#8217;inspecteur Web. Cela permet de v\u00e9rifier facilement si le localisateur est valide et si l&#8217;\u00e9l\u00e9ment est disponible sur la page.<\/p>\n<p>L&#8217;Inspecteur Web facilite \u00e9galement l&#8217;inspection de la page, et valide ou g\u00e9n\u00e8re plusieurs types de localisateurs afin d&#8217;assurer qu&#8217;ils soient uniques et fiables.<\/p>\n<p>Aqua rend le d\u00e9veloppement et la maintenance des tests Playwright plus simple et efficace. Gr\u00e2ce \u00e0 la pertinence des informations fournies par l&#8217;Inspecteur Web int\u00e9gr\u00e9, Aqua peut offrir une saisie semi-automatique du code avec des donn\u00e9es r\u00e9elles et une navigation fluide.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/06\/EditingExperience3.png\" alt=\"\" width=\"1800\" \/><\/p>\n<h2 id=\"aqua_is_more_than_just_an_editor\">Aqua est plus qu&#8217;un simple \u00e9diteur<\/h2>\n<p>Aqua est un IDE puissant, con\u00e7u pour offrir aux professionnels de l&#8217;assurance qualit\u00e9 tout ce dont ils ont besoin au quotidien, notamment :<\/p>\n<ul>\n<li>La gestion de bases de donn\u00e9es, qui permet de se connecter \u00e0 plusieurs bases de donn\u00e9es, et de pr\u00e9parer et v\u00e9rifier les donn\u00e9es de votre application.<\/li>\n<\/ul>\n<ul>\n<li>Un client HTTP bas\u00e9 sur l&#8217;\u00e9diteur qui effectue des requ\u00eates HTTP complexes et des assertions, et vous permet de les partager avec votre \u00e9quipe et de les ex\u00e9cuter sur votre syst\u00e8me de CI\/CD.<\/li>\n<\/ul>\n<ul>\n<li>La prise en charge de Docker, qui permet d&#8217;ex\u00e9cuter, de contr\u00f4ler et de configurer les conteneurs.<\/li>\n<li>Syst\u00e8me de contr\u00f4le de version, Terminal et bien plus.<\/li>\n<\/ul>\n<p>Cette nouvelle version marque un v\u00e9ritable tournant pour Aqua et nous vous invitons \u00e0 l&#8217;essayer. Cette fonctionnalit\u00e9 est encore en phase de preview publique. N&#8217;h\u00e9sitez pas \u00e0 nous signaler tout probl\u00e8me via notre <a href=\"https:\/\/youtrack.jetbrains.com\/issues\/aqua\" target=\"_blank\" rel=\"noopener\">outil de suivi<\/a><\/p>\n<p>Veuillez utiliser ce <a href=\"https:\/\/www.jetbrains.com\/feedback\/aqua\/\" target=\"_blank\" rel=\"noopener\">formulaire<\/a> pour partager vos commentaires ou poser vos questions. Vous pouvez t\u00e9l\u00e9charger le dernier build de la preview via l&#8217;application <a href=\"https:\/\/www.jetbrains.com\/fr-fr\/toolbox-app\/\" target=\"_blank\" rel=\"noopener\">Toolbox App<\/a>\u00a0sur <a href=\"https:\/\/jb.gg\/Aqua\" target=\"_blank\" rel=\"noopener\">notre site web<\/a>.<\/p>\n<p>Pour vous tenir au courant des derni\u00e8res am\u00e9liorations et nouveaut\u00e9s, abonnez-vous \u00e0 notre blog et suivez-nous sur <a href=\"https:\/\/twitter.com\/JetBrains_Aqua\" target=\"_blank\" rel=\"noopener\">Twitter<\/a>.<\/p>\n<p>Bons tests automatis\u00e9s\u00a0!<\/p>\n<p>L&#8217;\u00c9quipe Aqua<\/p>\n<p><em>Auteur de l&#8217;article original en anglais<\/em> :<\/p>\n\n    <div class=\"about-author \">\n        <div class=\"about-author__box\">\n            <div class=\"row\">\n                <div class=\"about-author__box-img\">\n                    <img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/?s=200&#038;r=g\" width=\"200\" height=\"200\" alt=\"\" loading=\"lazy\"  class=\"avatar avatar-200 wp-user-avatar wp-user-avatar-200 photo avatar-default\">\n                <\/div>\n                <div class=\"about-author__box-text\">\n                                                        <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n","protected":false},"author":813,"featured_media":365678,"comment_status":"closed","ping_status":"closed","template":"","categories":[],"tags":[8158,2158,477],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/qa\/365328"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/qa"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/types\/qa"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/users\/813"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/comments?post=365328"}],"version-history":[{"count":9,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/qa\/365328\/revisions"}],"predecessor-version":[{"id":365795,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/qa\/365328\/revisions\/365795"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/media\/365678"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/media?parent=365328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/categories?post=365328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/tags?post=365328"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/cross-post-tag?post=365328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}