{"id":228,"date":"2020-03-28T07:37:04","date_gmt":"2020-03-28T07:37:04","guid":{"rendered":"http:\/\/holdentheriault.com\/blog\/?p=228"},"modified":"2022-12-13T04:47:35","modified_gmt":"2022-12-13T04:47:35","slug":"using-web-browser-extensions-to-better-your-web-application-testing","status":"publish","type":"post","link":"https:\/\/holdentheriault.com\/blog\/index.php\/2020\/03\/28\/using-web-browser-extensions-to-better-your-web-application-testing\/","title":{"rendered":"Using web browser extensions to better your web application testing"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Using web browser extensions to better your web application testing\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/CIIyfJGo1Lk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption> Hi, I am K33NTester. In this video, I will be sharing three useful browser extensions\/add-ons that are compatible with Google Chrome and Firefox. The extensions mentioned in this video are TruePath, Bug Magnet, and CSS Viewer.<\/figcaption><\/figure>\n\n\n\n<p class=\"has-large-font-size\"><strong>TruePath<\/strong><\/p>\n\n\n\n<p>TruePath dynamically generates relative XPath on right-click on the web page and displays all the XPath as menu items. Truepath can generate XPath using text value and can create XPath in iFrame or Frames. It also shows the iFrame and iFrame URL so that the user can quickly identify that from which iFrame or Frame the XPath is generated. TruePath also supports the Page Object XPath format or @FindBy. TruePath can also be used with Selenium Page Object locater or Serenity Page Object locater. With DevTool supports, users can easily customize the generated XPath. <\/p>\n\n\n\n<p>It groups the XPath based on: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Id, href and src<\/li><li> Class, name, title<\/li><li>Or Index. <\/li><\/ul>\n\n\n\n<p><strong> Download <\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/truepath\/mgjhkhhbkkldiihlajcnlfchfcmhipmn?hl=en-US\">Google Chrome Extension<\/a><\/li><li> <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/truepath\/\">Firefox Add-On <\/a><br><\/li><\/ul>\n\n\n\n<p><strong>Learn more about TruePath<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.youtube.com\/watch?v=YOCCTdBZb6E\">Learn more about using TruePath on Google Chrome<\/a><\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=YOCCTdBZb6E\">For more information view this video<\/a><\/li><\/ul>\n\n\n\n<p class=\"has-text-align-left has-large-font-size\">Bug Magnet<\/p>\n\n\n\n<p> Bug Magnet provides convenient access to common boundaries and edge cases for exploratory testing.  Right-click context menu to help with exploratory testing. It adds common problematic values and edge cases to the context menu (right-click) for editable elements, so you can keep them handy and access them easily during exploratory testing sessions. -It provided convenient access to common boundaries and edge cases for exploratory testing and can be extended easily with your own config files. Bug Magnet works on input fields, text areas, content editable DIVs. It also works on multi-frame pages, but only if they are from the same domain. Tiny overhead per page (1k), no 3rd party library dependencies, completely passive, so it does not interfere with your web app execution in any way. Bug Magnet is also opensource and customizable.<\/p>\n\n\n\n<p><strong>Download:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/bug-magnet\/efhedldbjahpgjcneebmbolkalbhckfi\">Google Chrome Extension <\/a><\/li><li><a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/bug-magnet\/\">Firefox Add-On<\/a><\/li><li><a href=\"https:\/\/bugmagnet.org\/\">Bug Magnet Website<\/a><\/li><\/ul>\n\n\n\n<p class=\"has-large-font-size\">CSS Viewer<\/p>\n\n\n\n<p>\n\nCSSViewer is another extension available for Google Chrome and Firefox. It is a simple open-source CSS properties viewer. \n\n<\/p>\n\n\n\n<p><strong>Download:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/cssviewer\/ggfgijbpiheegefliciemofobhmofgce\">Google Chrome Extension<\/a><\/li><li><a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/cssviewer-quantum\/ \">Firefox Add-on<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>TruePath TruePath dynamically generates relative XPath on right-click on the web page and displays all the XPath as menu items. Truepath can generate XPath using&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/holdentheriault.com\/blog\/index.php\/2020\/03\/28\/using-web-browser-extensions-to-better-your-web-application-testing\/\">Continue reading<span class=\"screen-reader-text\">Using web browser extensions to better your web application testing<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-228","post","type-post","status-publish","format-standard","hentry","category-uncategorized","entry"],"_links":{"self":[{"href":"https:\/\/holdentheriault.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holdentheriault.com\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/holdentheriault.com\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/holdentheriault.com\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/holdentheriault.com\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=228"}],"version-history":[{"count":3,"href":"https:\/\/holdentheriault.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/228\/revisions"}],"predecessor-version":[{"id":285,"href":"https:\/\/holdentheriault.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/228\/revisions\/285"}],"wp:attachment":[{"href":"https:\/\/holdentheriault.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holdentheriault.com\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holdentheriault.com\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}