{"id":370988,"date":"2023-07-11T09:49:15","date_gmt":"2023-07-11T08:49:15","guid":{"rendered":"https:\/\/blog.jetbrains.com\/?post_type=qa&#038;p=370988"},"modified":"2023-07-11T09:49:19","modified_gmt":"2023-07-11T08:49:19","slug":"do-jetbrains-aqua-prichazi-podpora-playwrightu","status":"publish","type":"qa","link":"https:\/\/blog.jetbrains.com\/cs\/qa\/2023\/07\/do-jetbrains-aqua-prichazi-podpora-playwrightu\/","title":{"rendered":"Do JetBrains Aqua p\u0159ich\u00e1z\u00ed podpora Playwrightu"},"content":{"rendered":"<p>Skv\u011bl\u00e9 zpr\u00e1vy od t\u00fdmu Aqua!<\/p>\n<p>Usilovn\u011b pracujeme na tom, abychom pro nejobl\u00edben\u011bj\u0161\u00ed testovac\u00ed frameworky poskytovali co nejlep\u0161\u00ed podporu a pr\u00e1v\u011b o podporu <a href=\"https:\/\/playwright.dev\/\" target=\"_blank\" rel=\"noopener\">Playwrightu<\/a> si na\u0161i u\u017eivatel\u00e9 \u0159\u00edkali ji\u017e del\u0161\u00ed dobu. S pot\u011b\u0161en\u00edm tedy oznamujeme, \u017ee nov\u00e1 verze n\u00e1stroje Aqua plnou podporou Playwrightu disponuje.<\/p>\n<p align=\"center\"><a class=\"jb-download-button\" href=\"https:\/\/www.jetbrains.com\/aqua\/download\/\" target=\"_blank\" rel=\"noopener\">ST\u00c1HN\u011aTE SI N\u00c1STROJ AQUA<\/a><\/p>\n<h2 id=\"\"><\/h2>\n<h1 id=\"playwright_support\">Podpora Playwrightu<\/h1>\n<h3 id=\"aqua_shows_your_tests\">Aqua zobrazuje va\u0161e testy<\/h3>\n<p>Aqua p\u0159i otev\u0159en\u00ed va\u0161eho projektu najde va\u0161e testy Playwright a zobraz\u00ed ikony v gutteru pro spu\u0161t\u011bn\u00ed testu z editoru.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/06\/OpenProject.png\" alt=\"\" width=\"1686\"><\/p>\n<p>Spou\u0161t\u011bn\u00ed test\u016f pomoc\u00ed Playwrightu je naprost\u00e1 hra\u010dka. V p\u0159\u00edpad\u011b pot\u0159eby m\u016f\u017eete zvolit i spu\u0161t\u011bn\u00ed v\u0161ech test\u016f ze souboru nebo adres\u00e1\u0159e.<\/p>\n<h3 id=\"explore_results_and_find_issues\">Prozkoum\u00e1vejte v\u00fdsledky a vyhled\u00e1vejte probl\u00e9my<\/h3>\n<p>Po dokon\u010den\u00ed testu Aqua zobraz\u00ed podrobn\u00e9 v\u00fdsledky test\u016f a d\u00e1le souvisej\u00edc\u00ed protokol a konzolov\u00fd v\u00fdstup dan\u00e9ho testu. D\u00edky \u0159ad\u011b mo\u017enost\u00ed t\u0159\u00edd\u011bn\u00ed a filtrov\u00e1n\u00ed snadno projdete v\u0161echny ne\u00fasp\u011b\u0161n\u00e9 nebo ignorovan\u00e9 testy, p\u0159\u00edpadn\u011b zkontrolujete dobu prov\u00e1d\u011bn\u00ed testu.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/06\/TestRun-PW.png\" alt=\"\" width=\"1800\"><br \/>\nAqua umo\u017e\u0148uje snadno p\u0159ej\u00edt z okna n\u00e1stroje s v\u00fdsledky test\u016f do zdrojov\u00e9ho k\u00f3du vybran\u00e9ho testu. V z\u00e1jmu v\u011bt\u0161\u00edho pohodl\u00ed zobrazuje vlo\u017een\u00e9 n\u00e1pov\u011bdy s \u010dasem proveden\u00ed kroku a \u0159\u00e1dky nebo v\u00fdrazy s chybou zv\u00fdraz\u0148uje p\u0159\u00edmo v editoru zdrojov\u00e9ho k\u00f3du v\u010detn\u011b odpov\u00eddaj\u00edc\u00edho chybov\u00e9ho hl\u00e1\u0161en\u00ed. U\u017eivatel\u00e9 se tak budou c\u00edtit jako v bavlnce.<\/p>\n<h3 id=\"save_and_share_your_test_run_settings\">Ukl\u00e1d\u00e1n\u00ed a sd\u00edlen\u00ed nastaven\u00ed<\/h3>\n<p>Pokud spou\u0161t\u00edte r\u016fzn\u00e9 sady test\u016f s r\u016fzn\u00fdmi parametry nebo konfiguracemi, nastaven\u00ed m\u016f\u017eete ulo\u017eit jako <em>Run Configuration<\/em>, sd\u00edlet konfiguraci se sv\u00fdm t\u00fdmem a mezi r\u016fzn\u00fdmi nastaven\u00edmi okam\u017eit\u011b p\u0159ep\u00ednat.<\/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 d\u00e1le respektuje soubor Playwright.tsconfig a navrhuje jeho \u00fapravy, pokud se vybran\u00fd soubor testu nenach\u00e1z\u00ed v zadan\u00e9m adres\u00e1\u0159i test\u016f.<\/p>\n<h3 id=\"search_specific_test_case\">Vyhled\u00e1v\u00e1n\u00ed konkr\u00e9tn\u00edho test case<\/h3>\n<p>Vyhled\u00e1n\u00ed konkr\u00e9tn\u00edho testu ve zdrojov\u00e9m k\u00f3du m\u016f\u017ee b\u00fdt n\u011bkdy zdlouhav\u00e9, zejm\u00e9na pokud nejsou testy deklarov\u00e1ny jako funkce. V tomto p\u0159\u00edpad\u011b pom\u016f\u017ee pr\u00e1v\u011b Aqua. Dvojit\u00fdm stisknut\u00edm tla\u010d\u00edtka \u21e7 otev\u0159ete vyhled\u00e1vac\u00ed okno a pomoc\u00ed <em>Go to Symbol<\/em> nebo <em>Search everywhere<\/em> m\u016f\u017eete snadno naj\u00edt konkr\u00e9tn\u00ed test a p\u0159ej\u00edt na n\u011bj.<\/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\">Debugger<\/h2>\n<p>Aqua pro va\u0161e testy v Playwrightu p\u0159ich\u00e1z\u00ed i s debuggerem, kter\u00fd se nativn\u011b nach\u00e1z\u00ed p\u0159\u00edmo v IDE. M\u016f\u017eete nastavit breakpointy, kter\u00e9 slou\u017e\u00ed k zastaven\u00ed prov\u00e1d\u011bn\u00ed a anal\u00fdze va\u0161eho k\u00f3du.<\/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\">Roz\u0161\u00ed\u0159en\u00e9 mo\u017enosti editace k\u00f3du<\/h2>\n<p>Aqua p\u0159ich\u00e1z\u00ed se \u0161pi\u010dkovou podporou jazyk\u016f JavaScript a TypeScript, v\u010detn\u011b inteligentn\u00edho dopl\u0148ov\u00e1n\u00ed k\u00f3du, navigace, podpory linter\u016f a dal\u0161\u00edch funkc\u00ed.<\/p>\n<p>Zlep\u0161ili jsme funkci Code Insight a v\u00fdrazy specifick\u00e9 pro Playwright.<br \/>\nAqua zv\u00fdraz\u0148uje lok\u00e1tory CSS a XPath v \u0159et\u011bzcov\u00fdch liter\u00e1lech a star\u00e1 se o p\u0159\u00edslu\u0161n\u00e9 dopl\u0148ov\u00e1n\u00ed k\u00f3du.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/06\/locators.png\" alt=\"\" width=\"1800\"><\/p>\n<p>Pokud je testovan\u00e1 webov\u00e1 str\u00e1nka otev\u0159ena p\u0159\u00edmo ve Web Inspectoru, Aqua navrhne pro elementy na str\u00e1nce vlastn\u00ed lok\u00e1tory.<\/p>\n<p>Stejn\u00e1 \u00farove\u0148 podpory je k dispozici tak\u00e9 p\u0159i navrhov\u00e1n\u00ed skute\u010dn\u00fdch hodnot atribut\u016f <code>data-testid<\/code>, <code>aria-label<\/code>, <code>role<\/code> z webov\u00e9 str\u00e1nky pro funkce <code>page.getByRole<\/code>, <code>page.getByLabel<\/code> a <code>page.getByTestId<\/code>. Aqua sleduje n\u00e1zev atributu z konfigura\u010dn\u00edho souboru Playwrightu.<\/p>\n<p>Aqua d\u00e1le podporuje navigaci ze zdrojov\u00e9ho k\u00f3du na element na str\u00e1nce. Pokud nap\u0159\u00edklad kliknete na selektor CSS nebo na hodnotu atributu p\u0159edanou funkci <code>page.getByTestId<\/code>, Aqua p\u0159\u00edslu\u0161n\u00fd element zv\u00fdrazn\u00ed ve Web Inspectoru. T\u00edm se sn\u00e1ze ov\u011b\u0159\u00ed, zda je lok\u00e1tor platn\u00fd a zda je prvek na str\u00e1nce k dispozici.<\/p>\n<p>Web Inspector d\u00e1le pom\u016f\u017ee zkontrolovat str\u00e1nku a ov\u011b\u0159it nebo vygenerovat v\u00edce druh\u016f lok\u00e1tor\u016f. Z\u00e1rove\u0148 se postar\u00e1, aby byly jedine\u010dn\u00e9 a spolehliv\u00e9.<\/p>\n<p>Aqua usnad\u0148uje a zefektiv\u0148uje v\u00fdvoj a \u00fadr\u017ebu test\u016f v Playwrightu. D\u00edky vestav\u011bn\u00e9mu Web Inspectoru, m\u016f\u017ee Aqua poskytovat bezprobl\u00e9movou navigaci a dopl\u0148ov\u00e1n\u00ed k\u00f3du v re\u00e1ln\u00fdch datech.<\/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 je v\u00edce ne\u017e jen editor<\/h2>\n<p>Jako v\u00fdkonn\u00e9 IDE obsahuje Aqua i v\u0161e, co pro zaji\u0161\u0165ov\u00e1n\u00ed kvality denn\u011b pot\u0159ebujete. Zejm\u00e9na je to:<\/p>\n<ul>\n<li>Spr\u00e1va datab\u00e1z\u00ed, kter\u00e1 umo\u017e\u0148uje p\u0159ipojen\u00ed k v\u00edce datab\u00e1z\u00edm a p\u0159\u00edpravu a ov\u011b\u0159en\u00ed dat aplikace.<\/li>\n<\/ul>\n<ul>\n<li>HTTP klient, kter\u00fd spou\u0161t\u00ed komplexn\u00ed po\u017eadavky HTTP a kontroln\u00ed v\u00fdrazy. Umo\u017e\u0148uje je tak\u00e9 sd\u00edlet s t\u00fdmem a spou\u0161t\u011bt v syst\u00e9mu CI\/CD.<\/li>\n<\/ul>\n<ul>\n<li>Podpora Dockeru, kter\u00e1 spou\u0161t\u00ed, monitoruje a konfiguruje kontejnery.<\/li>\n<li>VCS, Termin\u00e1l a dal\u0161\u00ed.<\/li>\n<\/ul>\n<p>Pro n\u00e1s je to velk\u00fd miln\u00edk, proto v\u00e1s zveme, abyste si tuhle verzi vyzkou\u0161eli. Aqua je st\u00e1le v re\u017eimu ve\u0159ejn\u00e9ho n\u00e1hledu, tak\u017ee pokud naraz\u00edte na n\u011bjak\u00e9 probl\u00e9my, nahlaste je v na\u0161em <a href=\"https:\/\/youtrack.jetbrains.com\/issues\/aqua\" target=\"_blank\" rel=\"noopener\">issue trackeru<\/a>.<\/p>\n<p>Polo\u017ete n\u00e1m ot\u00e1zku \u010di se pod\u011blte o n\u00e1zor prost\u0159ednictv\u00edm tohoto <a href=\"https:\/\/www.jetbrains.com\/feedback\/aqua\/\" target=\"_blank\" rel=\"noopener\">formul\u00e1\u0159e pro zp\u011btnou vazbu<\/a>. Budeme v\u00e1m vd\u011b\u010dn\u00ed! Nejnov\u011bj\u0161\u00ed n\u00e1hledov\u00fd build si m\u016f\u017eete st\u00e1hnout prost\u0159ednictv\u00edm aplikace <a href=\"https:\/\/www.jetbrains.com\/toolbox-app\/\" target=\"_blank\" rel=\"noopener\">Toolbox<\/a> nebo z na\u0161ich <a href=\"https:\/\/jb.gg\/Aqua\" target=\"_blank\" rel=\"noopener\">webov\u00fdch str\u00e1nek<\/a>.<\/p>\n<p>P\u0159ihlaste si odb\u011br na\u0161eho blogu, aby v\u00e1m neunikly novinky o vylep\u0161en\u00edch. A hlavn\u011b n\u00e1s nezapome\u0148te <a href=\"https:\/\/twitter.com\/JetBrains_Aqua\" target=\"_blank\" rel=\"noopener\">sledovat na Twitteru<\/a>!<\/p>\n<p>Tak p\u0159ejeme p\u0159\u00edjemn\u00e9 automatizovan\u00e9 testov\u00e1n\u00ed!<\/p>\n<p>T\u00fdm JetBrains Aqua<\/p>\n","protected":false},"author":1229,"featured_media":361777,"comment_status":"closed","ping_status":"closed","template":"","categories":[],"tags":[8158,2158,477],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/cs\/wp-json\/wp\/v2\/qa\/370988"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/cs\/wp-json\/wp\/v2\/qa"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/cs\/wp-json\/wp\/v2\/types\/qa"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/cs\/wp-json\/wp\/v2\/users\/1229"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/cs\/wp-json\/wp\/v2\/comments?post=370988"}],"version-history":[{"count":2,"href":"https:\/\/blog.jetbrains.com\/cs\/wp-json\/wp\/v2\/qa\/370988\/revisions"}],"predecessor-version":[{"id":370993,"href":"https:\/\/blog.jetbrains.com\/cs\/wp-json\/wp\/v2\/qa\/370988\/revisions\/370993"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/cs\/wp-json\/wp\/v2\/media\/361777"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/cs\/wp-json\/wp\/v2\/media?parent=370988"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/cs\/wp-json\/wp\/v2\/categories?post=370988"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/cs\/wp-json\/wp\/v2\/tags?post=370988"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/cs\/wp-json\/wp\/v2\/cross-post-tag?post=370988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}