{"id":871,"date":"2016-06-17T15:08:44","date_gmt":"2016-06-17T15:08:44","guid":{"rendered":"https:\/\/loadfocus.com\/blog\/?p=871"},"modified":"2018-04-30T12:41:47","modified_gmt":"2018-04-30T12:41:47","slug":"how-to-add-ui-steps-in-a-automated-website-test","status":"publish","type":"post","link":"https:\/\/loadfocus.com\/blog\/2016\/06\/how-to-add-ui-steps-in-a-automated-website-test","title":{"rendered":"How to Add UI Steps in a Automated Website Test"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\"><\/span> <span class=\"rt-time\"> 2<\/span> <span class=\"rt-label rt-postfix\">minutes read<\/span><\/span><p class=\"lead\"><!-- pn-tldr --><\/p>\n<h2>Key takeaways<\/h2>\n<ul>\n<li>UI steps let you script a real journey rather than checking a single URL.<\/li>\n<li>Build the scenario in the order a user would follow, then run it to confirm each step resolves.<\/li>\n<li>Keep scenarios short. A long chain fails often and tells you little about where.<\/li>\n<\/ul>\n<p><!-- \/pn-tldr -->With <a href=\"https:\/\/loadfocus.com\/automated-website-testing\"><strong>Automated Website Testing Service<\/strong><\/a> from <a href=\"https:\/\/loadfocus.com\">LoadFocus.com<\/a> you can easily automated your manual tests.<\/p>\n<p>Just go to New Website Test page inside LoadFocus.com and click on the <strong>Step Action<\/strong> dropdown.<br \/>\n<img loading=\"lazy\" decoding=\"async\" width=\"738\" height=\"666\" class=\"aligncenter size-medium wp-image-875\" src=\"https:\/\/loadfocus.com\/blog\/wp-content\/uploads\/ui-test-steps.png\" alt=\"ui-test-steps\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Choose the desired Step Action for your Automated Website Test<\/h3>\n<ul>\n<li>search for the desired\u00a0the step action (<strong>Actions, ScreenShots, Navigation and Assertions<\/strong>)<\/li>\n<li>add the step to your test by clicking on the action from the dropdown<\/li>\n<li>make the step <strong>Required<\/strong> to fail the whole test if this step fails (\n<ul>\n<li>if\u00a0don&#8217;t make the step <strong>Required<\/strong>, all other steps will continue to execute even if current step failed<\/li>\n<li>test status will not take this step into consideration<\/li>\n<\/ul>\n<\/li>\n<li>add the necessary CSS or XPATH selectors for your desired Step Action (more details on <a href=\"https:\/\/loadfocus.com\/blog\/2013\/09\/05\/how-to-locate-web-elements-with-selenium-webdriver\/\">how to locate web elements<\/a>)<\/li>\n<\/ul>\n<img loading=\"lazy\" decoding=\"async\" width=\"2486\" height=\"776\" class=\"aligncenter size-medium wp-image-874\" src=\"https:\/\/loadfocus.com\/blog\/wp-content\/uploads\/ui-test-assertion-step.png\" alt=\"ui-test-assertion-step\" \/>\n<p>&nbsp;<\/p>\n<h3>Add more steps to complete your test scenario<\/h3>\n<p>&nbsp;<\/p>\n<img loading=\"lazy\" decoding=\"async\" width=\"2432\" height=\"796\" class=\"aligncenter size-full wp-image-873\" src=\"https:\/\/loadfocus.com\/blog\/wp-content\/uploads\/add-more-test-steps.png\" alt=\"add-more-test-steps\" \/>\n<p>&nbsp;<\/p>\n<h3>Execute the created Automated Website Test or Save for Later.<\/h3>\n<img loading=\"lazy\" decoding=\"async\" width=\"1170\" height=\"118\" class=\"aligncenter size-full wp-image-878\" src=\"https:\/\/loadfocus.com\/blog\/wp-content\/uploads\/execute-ui-test.png\" alt=\"execute-ui-test\" \/>\n<p>&nbsp;<\/p>\n<p>Check how easy is to automate the manual steps of your UI functional test with <a href=\"https:\/\/loadfocus.com\/automated-website-testing\">Automated Website Testing Service<\/a>\u00a0from LoadFocus.com.<\/p>\n<p>&nbsp;<!-- pn-faq --><\/p>\n<h2>Frequently Asked Questions<\/h2>\n<h3>What does adding UI steps let me test?<\/h3>\n<p>A real journey rather than a single URL. You pick step actions such as navigation, assertions and screenshots, and chain them into the sequence a visitor would follow.<\/p>\n<h3>How should I build the scenario?<\/h3>\n<p>In the order a user would take, then run it to confirm each step resolves before adding the next. Building the whole chain first makes a failure hard to attribute.<\/p>\n<h3>How long should a scenario be?<\/h3>\n<p>Short. A long chain fails more often and tells you less about where the problem is, so several focused tests beat one that covers everything.<\/p>\n<p><!-- \/pn-faq --><!-- pn-related-reading --><\/p>\n<h2>Related reading<\/h2>\n<ul>\n<li><a href=\"https:\/\/loadfocus.com\/blog\/2016\/07\/which-is-the-best-and-fastest-way-to-find-elements-using-selenium-webdriver\">Speeding Up Selenium WebDriver Tests with Efficient Locators<\/a><\/li>\n<li><a href=\"https:\/\/loadfocus.com\/blog\/2016\/06\/how-to-select-a-dropdown-in-selenium-webdriver-using-java\">How to Select a Dropdown in Selenium WebDriver using Java<\/a><\/li>\n<li><a href=\"https:\/\/loadfocus.com\/blog\/2013\/08\/how-to-compare-the-performance-of-different-builds-of-a-web-application\">Comparing Performance Across Web Application Builds<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\"><\/span> <span class=\"rt-time\"> 2<\/span> <span class=\"rt-label rt-postfix\">minutes read<\/span><\/span>Key takeaways UI steps let you script a real journey rather than checking a single URL. Build the scenario in the order a user would follow, then run it to confirm each step resolves. Keep scenarios short. A long chain fails often and tells you little about where. With Automated Website Testing Service from LoadFocus.com&#8230;  <a href=\"https:\/\/loadfocus.com\/blog\/2016\/06\/how-to-add-ui-steps-in-a-automated-website-test\" class=\"more-link\" title=\"Read How to Add UI Steps in a Automated Website Test\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":3682,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[479,48],"tags":[151,149,150],"class_list":["post-871","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-api-monitoring","category-test-automation","tag-steps-for-automated-test-scenario","tag-test-steps","tag-ui-testing-steps"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/loadfocus.com\/blog\/wp-json\/wp\/v2\/posts\/871","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loadfocus.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/loadfocus.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/loadfocus.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loadfocus.com\/blog\/wp-json\/wp\/v2\/comments?post=871"}],"version-history":[{"count":0,"href":"https:\/\/loadfocus.com\/blog\/wp-json\/wp\/v2\/posts\/871\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/loadfocus.com\/blog\/wp-json\/wp\/v2\/media\/3682"}],"wp:attachment":[{"href":"https:\/\/loadfocus.com\/blog\/wp-json\/wp\/v2\/media?parent=871"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/loadfocus.com\/blog\/wp-json\/wp\/v2\/categories?post=871"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/loadfocus.com\/blog\/wp-json\/wp\/v2\/tags?post=871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}