[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-1-en-105":3,"doc-seo-573298-105":53,"doc-detail-573298-en":126},{"code":4,"msg":5,"data":6},0,"success",[7,14,19,24,29,34,39,44,49],{"id":8,"doc_module":9,"doc_module_name":10,"category_name":11,"show_sort_weight":12,"slug":13},11,1,"Template","Presentations",90,"presentations",{"id":15,"doc_module":9,"doc_module_name":10,"category_name":16,"show_sort_weight":17,"slug":18},12,"Resumes",80,"resumes",{"id":20,"doc_module":9,"doc_module_name":10,"category_name":21,"show_sort_weight":22,"slug":23},14,"Invoices",70,"invoices",{"id":25,"doc_module":9,"doc_module_name":10,"category_name":26,"show_sort_weight":27,"slug":28},15,"Posters",60,"posters",{"id":30,"doc_module":9,"doc_module_name":10,"category_name":31,"show_sort_weight":32,"slug":33},16,"Social Media",50,"social-media",{"id":35,"doc_module":9,"doc_module_name":10,"category_name":36,"show_sort_weight":37,"slug":38},17,"Forms",40,"forms",{"id":40,"doc_module":9,"doc_module_name":10,"category_name":41,"show_sort_weight":42,"slug":43},18,"Letters",30,"letters",{"id":45,"doc_module":9,"doc_module_name":10,"category_name":46,"show_sort_weight":47,"slug":48},21,"Paper Templates",5,"papers-templates",{"id":50,"doc_module":9,"doc_module_name":10,"category_name":51,"show_sort_weight":4,"slug":52},158,"General","general-158",{"code":4,"msg":54,"data":55},"ok",{"site_id":56,"language":57,"slug":58,"title":59,"keywords":60,"description":61,"schema_data":62,"social_meta":119,"head_meta":121,"extra_data":123,"updated_unix":125},105,"pl","xpath-css-selenium-cheat-sheet","XPath - CSS Selenium Cheat Sheet","","Niniejszy dokument to praktyczna ściąga (cheat sheet) porównująca składnię XPath oraz CSS wykorzystywaną w narzędziu Selenium do lokalizowania elementów na stronach internetowych. Opracowanie obejmuje techniki wyboru elementów na podstawie ich atrybutów, takich jak klasa, identyfikator czy typ, oraz zawiera zaawansowane funkcje wyszukiwania tekstów i obsługi relacji między elementami w drzewie DOM, w tym selektory potomków, rodzeństwa oraz rodziców. Materiał stanowi niezbędne wsparcie dla testerów automatyzujących procesy webowe, ułatwiając szybkie tworzenie precyzyjnych selektorów w obu standardach, co zwiększa efektywność pisania skryptów testowych oraz poprawia stabilność lokalizacji komponentów w dynamicznych aplikacjach internetowych.",{"@graph":63,"@context":118},[64,80,101],{"@type":65,"itemListElement":66},"BreadcrumbList",[67,71,74,77],{"item":68,"name":69,"@type":70,"position":9},"https://docshare.wps.com","Home","ListItem",{"item":72,"name":10,"@type":70,"position":73},"https://docshare.wps.com/template/",2,{"item":75,"name":51,"@type":70,"position":76},"https://docshare.wps.com/template/general/",3,{"item":78,"name":59,"@type":70,"position":79},"https://docshare.wps.com/template/xpath-css-selenium-cheat-sheet/573298/",4,{"url":78,"name":59,"@type":81,"image":82,"author":87,"headline":59,"publisher":90,"fileFormat":93,"inLanguage":57,"description":61,"dateModified":94,"datePublished":95,"encodingFormat":93,"isAccessibleForFree":96,"interactionStatistic":97},"DigitalDocument",{"url":83,"@type":84,"width":85,"height":86},"https://docshare.wps.com/thumbnails/xpath-css-selenium-cheat-sheet/573298.png","ImageObject",442,249,{"name":88,"@type":89},"LangkahRina","Person",{"url":68,"name":91,"@type":92},"DocShare","Organization","application/pdf","2026-10-17","2026-10-14",true,{"@type":98,"interactionType":99,"userInteractionCount":76},"InteractionCounter",{"@type":100},"ViewAction",{"@type":102,"mainEntity":103},"FAQPage",[104,110,114],{"name":105,"@type":106,"acceptedAnswer":107},"Jak za pomocą CSS wybrać element posiadający konkretną klasę?","Question",{"text":108,"@type":109},"W CSS można użyć selektora typu 'button.btn' lub 'button[class='btn']', aby precyzyjnie wskazać element z daną klasą.","Answer",{"name":111,"@type":106,"acceptedAnswer":112},"W jaki sposób w XPath odwołać się do elementu na podstawie zawartego w nim tekstu?",{"text":113,"@type":109},"XPath umożliwia użycie składni './/button[text()='Zaloguj']', aby wyszukać przycisk o konkretnej etykiecie tekstowej.",{"name":115,"@type":106,"acceptedAnswer":116},"Jak w CSS wskazać element będący rodzeństwem poprzedzającym przycisk?",{"text":117,"@type":109},"Aby wskazać element będący rodzeństwem, można użyć selektora 'button ~ input', który odnajduje wszystkie elementy typu input występujące po przycisku w tej samej strukturze.","https://schema.org",{"og:url":78,"og:type":120,"og:title":59,"og:site_name":91,"og:description":61},"article",{"robots":122,"canonical":78},"index,follow",{"doc_id":124,"site_id":56},573298,1792090922,{"code":4,"msg":5,"data":127},{"doc_id":124,"user_id":128,"nickname":88,"user_avatar":129,"doc_module":9,"category_id":50,"category_name":51,"doc_title":59,"doc_description":61,"doc_content":130,"file_id":131,"file_url":132,"file_type":133,"file_size":134,"view_count":76,"is_deleted":4,"is_public":9,"is_downloadable":9,"audit_status":9,"page_count":9,"language":135,"language_code":57,"site_id":56,"html_lang":136,"table_of_contents":137,"faqs":138,"seo_title":139,"seo_description":61,"update_tm":140,"read_time":4},962090893776,"https://ap-avatar.wpscdn.com/davatar_155a257f0dc6eb9ab79c44ca47cae57d","XPATH/CSS SELENIUM CHEAT SHEET  \nTYPY ELEMENTÓW I ICH ATRYBUTY  \nXPATH CSS  \n.//button button  \n.//button[@type='submit'] button[type='submit']  \n.//button[@class=' btn']  \nbutton[class=' btn'] albo button. btn  \n.//button[@id='confirm']  \nbutton[id='confirm'] albo button\\#confirm  \n.//button[@class=' btn btn-default button-search'] button[class=' btn btn-default button-search']  \n.//* [@class=' btn'] [class=' btn']  \n.//button[@type='submit' and @class=' btn'] button[type='submit'][class=' btn']  \n.//button[starts-with (@type, 'sub')] button[type^='sub']  \n.//button[contains(@type, 'u bmi')] button[type*='ubmi']  \nIstnieje, ale nie działa na przeglądarkach (starawersja xpatha)  \nbutton[type$=' mit']  \n.//button[@type]  \n./div[not(@id= 'button ')] div:not([id=' button'])  \nTEKST  \nXPATH CSS  \n.//button[text()='Zaloguj']  \n.//button[contains(text(), 'OK')]  \nRELACJE  \nXPATH CSS  \n.//div/input[@id=’imie’] div>input[id='imie']  \n.//div//input[@id=’imie’] div input[id='imie']  \n.//div/input[1] div>input:first-of-type  \n.//div/input[3]  \ndiv>input:nth-of-type(3)  \nalbo jeżeli ten elementjest także ostatnim tego typu: div>input:last-of-type  \nalbo licząc od tyłu:  \ndiv>input:nth-last-of-type(1)  \n.//div/* [1]  \ndiv>:first-child albo div>:nth-child(1)  \ndiv>:nth-child(3)  \n.//div/* [3] albo jeżeli jest także ostatnim dzieckiem:  \ndiv>: last-child  \ndiv>:only-child  \ndiv>input:only-of-type  \nbutton+input  \n.//button/following-sibling::input button ~ input  \n.//button/..  \n.//button/parent::*  \n .//button/parent::div .//button/ancestor::div","cbCainCzCSch0hBI","https://ap.wps.com/l/cbCainCzCSch0hBI","pdf",53278,"Polish","en","# Typy elementów i ich atrybuty\n## Tekst\n## Relacje","[{\"question\":\"Jak za pomocą CSS wybrać element posiadający konkretną klasę?\",\"answer\":\"W CSS można użyć selektora typu 'button.btn' lub 'button[class='btn']', aby precyzyjnie wskazać element z daną klasą.\"},{\"question\":\"W jaki sposób w XPath odwołać się do elementu na podstawie zawartego w nim tekstu?\",\"answer\":\"XPath umożliwia użycie składni './/button[text()='Zaloguj']', aby wyszukać przycisk o konkretnej etykiecie tekstowej.\"},{\"question\":\"Jak w CSS wskazać element będący rodzeństwem poprzedzającym przycisk?\",\"answer\":\"Aby wskazać element będący rodzeństwem, można użyć selektora 'button ~ input', który odnajduje wszystkie elementy typu input występujące po przycisku w tej samej strukturze.\"}]","XPath - CSS Selenium Cheat Sheet | PDF",1791936769]