{"id":4185,"date":"2020-05-10T08:40:55","date_gmt":"2020-05-10T08:40:55","guid":{"rendered":"https:\/\/toptechytips.com\/?p=4185"},"modified":"2020-05-27T07:42:40","modified_gmt":"2020-05-27T07:42:40","slug":"web-automation-with-selenium-python-part-2","status":"publish","type":"post","link":"https:\/\/dotslaz.com\/web-automation-with-selenium-python-part-2\/","title":{"rendered":"Web Automation with Selenium &#038; Python Part 2: [Homepage Automation]"},"content":{"rendered":"<p>In our last episode, we set up our virtual environment and installed the required packages. Today we are going to do real work as I promised. We will build a project step by step which will do the automation testing in our target application which is a <a href=\"https:\/\/querkiz.itech-theme.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">quiz application<\/a>. Where admin can log in and create\/update\/delete categories, subcategories questions, options. Nice and simple right? Well yes, and we are going to automate the testing for this application. Let&#8217;s see our modules first to understand what we are really doing.<\/p>\n<ul>\n<li>Homepage<\/li>\n<li>Login<\/li>\n<li>Category<\/li>\n<li>Subcategory<\/li>\n<li>Question<\/li>\n<li>Option<\/li>\n<\/ul>\n<p>These are the main modules of the application which we will test and eventually we will add more modules in our list.<\/p>\n<h2>The Automation Testing Application Structure<\/h2>\n<p>As we will be using selenium with python, we need to think about our application structure. Of course, we will be using the modular pattern. And one thing I want you all to keep in mind is, writing bad code is a sin, and making your project structure messy is also a sin. If I do that sin, please punish me any way you like. I will respectfully accept that. Always be careful with that. And today we will test the homepage of that quiz application. So for that our automation testing application&#8217;s folder and file structure will be like this:<\/p>\n<pre>.\r\n\u251c\u2500\u2500 <strong>application<\/strong>\r\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 app.py\r\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 __init__.py\r\n\u2502\u00a0\u00a0 \u2514\u2500\u2500 <strong>utils<\/strong>\r\n\u2502\u00a0\u00a0     \u251c\u2500\u2500 constants.py\r\n\u2502\u00a0\u00a0     \u251c\u2500\u2500 __init__.py\r\n\u2502\u00a0\u00a0     \u2514\u2500\u2500 urls.py\r\n\u251c\u2500\u2500 <strong>homepage<\/strong>\r\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 homepage.py\r\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 __init__.py\r\n\u251c\u2500\u2500 README.md\r\n\u251c\u2500\u2500 requirements.txt\r\n\u2514\u2500\u2500 settings.py\r\n\u2514\u2500\u2500 .env<\/pre>\n<p><strong>Application package: <\/strong>This is the core module of our application. You see that we have a sub-package in our application package which is utils. We will use it for string constants and URLs and helping function later.<\/p>\n<p><strong>homepage package:<\/strong>\u00a0\u00a0This is where our homepage automation code will be.<\/p>\n<p><strong>settings.py: <\/strong>We will keep our application settings here.<\/p>\n<p><strong>.env:\u00a0<\/strong>env is for user credential or any kind of secret data of our application.<\/p>\n<p><img loading=\"lazy\" class=\"wp-image-4231 size-full aligncenter\" src=\"https:\/\/toptechytips.com\/wp-content\/uploads\/2020\/05\/web-automation.png\" alt=\"web automation\" width=\"626\" height=\"347\" srcset=\"https:\/\/dotslaz.com\/wp-content\/uploads\/2020\/05\/web-automation.png 626w, https:\/\/dotslaz.com\/wp-content\/uploads\/2020\/05\/web-automation-300x166.png 300w, https:\/\/dotslaz.com\/wp-content\/uploads\/2020\/05\/web-automation-450x249.png 450w\" sizes=\"(max-width: 626px) 100vw, 626px\" \/><\/p>\n<h2>Let&#8217;s Start Automating the Homepage<\/h2>\n<p>First of all, on our homepage most of the cases there will be a navbar, Some sections like about-us and many more. Our target is to test the homepage according to our testing requirements. So let&#8217;s meet our requirements first:<\/p>\n<ol>\n<li>Visit the homepage of the quiz application if the main URL is working or not.<\/li>\n<li>Check the navbar items if it contains all the elements. In our case, they are Home, About Us, Feature, How It Works, and Sign In.<\/li>\n<li>Check if navbar items are clickable on fullscreen and they are taking us on specific sections.<\/li>\n<li>Check if navbar items are clickable on the custom window size like mobile and they are taking us on specific sections.<\/li>\n<\/ol>\n<h3>[ Step:01 ] Add Constants And URLs In Our Application<\/h3>\n<p>In our <strong>application\/utils\/urls.py <\/strong>file let&#8217;s add the homepage URL.<\/p>\n<pre><strong>HOMEPAGE_URL<\/strong> = \"https:\/\/querkiz.itech-theme.com\/\"<\/pre>\n<p>Now let&#8217;s add these constants in our <strong>application\/utils\/constants.py\u00a0<\/strong>file.<\/p>\n<pre><strong>HOMEPAGE_NAV_BAR<\/strong> = [\"Home\", \"About Us\", \"Feature\", \"How It Works\", \"Sign In\"]\r\n\r\n<strong>FULL_WINDOW_NAV_ITEMS_X_PATH<\/strong> = [\r\n    '\/\/*[@id=\"nav_menu\"]\/li[2]\/a',\r\n    '\/\/*[@id=\"nav_menu\"]\/li[3]\/a',\r\n    '\/\/*[@id=\"nav_menu\"]\/li[4]\/a',\r\n    '\/\/*[@id=\"scrolltop\"]\/a'\r\n]\r\n\r\n<strong>MOBILE_MENU_NAV_BAR_X_PATH<\/strong> = '\/\/*[@id=\"scrolltop\"]\/header\/div\/div\/div\/div[' \\\r\n                               '3]\/div\/div\/a '\r\n\r\n<strong>MOBILE_SCREEN_NAV_ITEMS_X_PATH<\/strong> = [\r\n    '\/\/*[@id=\"scrolltop\"]\/header\/div\/div\/div\/div[3]\/div\/div\/nav\/ul\/li[2]\/a',\r\n    '\/\/*[@id=\"scrolltop\"]\/header\/div\/div\/div\/div[3]\/div\/div\/nav\/ul\/li[3]\/a',\r\n    '\/\/*[@id=\"scrolltop\"]\/header\/div\/div\/div\/div[3]\/div\/div\/nav\/ul\/li[4]\/a',\r\n    '\/\/*[@id=\"scrolltop\"]\/a'\r\n]<\/pre>\n<p>Now we understand that <strong>HOMEPAGE_NAV_BAR <\/strong>is an array of navbar element&#8217;s names<strong>. <\/strong>But what is <strong>FULL_WINDOW_NAV_ITEMS_X_PATH<\/strong>? What is X Path first of all? Well, the Full form of X Path is the XML path. And we can find any element from a webpage using it. Now let&#8217;s explain the constants.<\/p>\n<p><strong>FULL_WINDOW_NAV_ITEMS_X_PATH <\/strong>is an array of XPaths of navbar elements when the window size is large.<br \/>\n<strong>MOBILE_MENU_NAV_BAR_X_PATH <\/strong>is the XPath of the navbar menu when the window size is small.<br \/>\n<strong>MOBILE_SCREEN_NAV_ITEMS_X_PATH <\/strong>is an array of XPaths of navbar elements when the window size is small.<\/p>\n<p>A demo of finding XPath is in the below video so that you can get XPath easily.<\/p>\n<div style=\"width: 1170px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-4185-1\" width=\"1170\" height=\"658\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/toptechytips.com\/wp-content\/uploads\/2020\/05\/x_path.mp4?_=1\" \/><a href=\"https:\/\/toptechytips.com\/wp-content\/uploads\/2020\/05\/x_path.mp4\">https:\/\/toptechytips.com\/wp-content\/uploads\/2020\/05\/x_path.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<h3>[ Step: 02 ] Install Packages For Further Development<\/h3>\n<p>Before installing packages, let&#8217;s activate our virtual environment first. Run this below command from the virtual environment directory.<\/p>\n<pre>. bin\/activate<\/pre>\n<p>Now run these below commands to install our project dependencies.<\/p>\n<pre>pip install python-dotenv\r\n\r\npip install termcolor<\/pre>\n<p>And I&#8217;m sure you have installed python selenium package from our previous episode.<\/p>\n<h3>[ Step: 03 ] Developing Homepage Package<\/h3>\n<p>Write those below codes in our <strong>homepage\/homepage.py<\/strong> file.<\/p>\n<pre>from time import sleep\r\nfrom selenium import webdriver\r\nfrom termcolor import colored\r\nfrom application.utils.constants import FULL_WINDOW_NAV_ITEMS_X_PATH, \\\r\n    MOBILE_SCREEN_NAV_ITEMS_X_PATH, MOBILE_MENU_NAV_BAR_X_PATH\r\n\r\n\r\nclass <strong>HomepageTest<\/strong>:\r\n    \"\"\"\r\n        Automate homepage visiting process\r\n    \"\"\"\r\n\r\n    def __init__(self, url: str, nav_bar_elements: list):\r\n        \"\"\"\r\n        :param url: url of the web application\r\n        :param nav_bar_elements: nav bar elements of the web application\r\n        \"\"\"\r\n        self._browser = webdriver.Chrome()\r\n        self._browser.maximize_window()\r\n        self.url = url\r\n        self.nav_bar_elements = nav_bar_elements\r\n\r\n    def <strong>visit_homepage<\/strong>(self) -&gt; bool:\r\n        \"\"\"\r\n        Visit the web application's given homepage url\r\n        :return: bool\r\n        \"\"\"\r\n        try:\r\n            self._browser.get(self.url)\r\n            console_message = colored('[success] ', 'green',\r\n                                      attrs=['bold']) + colored(\r\n                '[Homepage OK!]', 'cyan')\r\n            print(console_message)\r\n            sleep(5)\r\n\r\n            return True\r\n        except Exception as e:\r\n            console_message = colored('[failed] ', 'red', attrs=['bold']) + \\\r\n                              colored('Homepage not OK', 'cyan')\r\n            print(console_message)\r\n            print(colored(str(e), 'red'))\r\n            return False\r\n\r\n    def <strong>nav_bar_content_testing<\/strong>(self) -&gt; bool:\r\n        \"\"\"\r\n        Test nav bar has all desired elements\r\n        :return: bool\r\n        \"\"\"\r\n        try:\r\n            nav_menu = self._browser.find_element_by_id(\"nav_menu\")\r\n            nav_list = nav_menu.find_elements_by_tag_name('li')\r\n            nav_element_matched = self.compare_nav_elements(nav_list)\r\n\r\n            console_message = colored('[success] ', 'green',\r\n                                      attrs=['bold']) + colored(\r\n                '[Nav bar OK!]', 'cyan')\r\n            print(console_message)\r\n\r\n            return nav_element_matched\r\n        except Exception as e:\r\n            console_message = colored('[failed] ', 'red', attrs=['bold']) + \\\r\n                              colored('Nav bar is not OK!', 'cyan')\r\n            print(console_message)\r\n            print(colored(str(e), 'red'))\r\n            self.close_browser()\r\n\r\n            return False\r\n\r\n    def <strong>compare_nav_elements<\/strong>(self, nav_list) -&gt; bool:\r\n        \"\"\"\r\n        Compare given nav list and web page nav list\r\n        :param nav_list: Fetched from web page\r\n        :return: bool\r\n        \"\"\"\r\n        nav_elements_to_check = []\r\n        for li in nav_list:\r\n            nav_elements_to_check.append(li.text)\r\n\r\n        nav_has_all_menu = all(element in self.nav_bar_elements\r\n                               for element in nav_elements_to_check)\r\n\r\n        return nav_has_all_menu\r\n\r\n    def <strong>click_nav_elements_on_fullscreen<\/strong>(self) -&gt; bool:\r\n        \"\"\"\r\n        This will test nav bar element by clicking on their link while window\r\n        size is in full screen\r\n        :return: bool\r\n        \"\"\"\r\n        try:\r\n            for element in FULL_WINDOW_NAV_ITEMS_X_PATH:\r\n                self.click_on_element(element)\r\n            sleep(2)\r\n            console_message = colored('[success] ', 'green',\r\n                                      attrs=['bold']) + colored(\r\n                '[Nav elements link OK!]', 'cyan')\r\n            print(console_message)\r\n\r\n            return True\r\n        except Exception as e:\r\n            console_message = colored('[failed] ', 'red', attrs=['bold']) + \\\r\n                              colored('Nav elements link is not OK!', 'cyan')\r\n            print(console_message)\r\n            print(colored(str(e), 'red'))\r\n            self.close_browser()\r\n\r\n            return False\r\n\r\n    def <strong>click_nav_elements_on_mobile_screen<\/strong>(self) -&gt; bool:\r\n        \"\"\"\r\n        This will test nav bar element by clicking on their link after\r\n        decreasing window size\r\n        :return: bool\r\n        \"\"\"\r\n        try:\r\n            self.set_window_screen()\r\n            self.click_on_element(MOBILE_MENU_NAV_BAR_X_PATH)\r\n            for element in MOBILE_SCREEN_NAV_ITEMS_X_PATH:\r\n                self.click_on_element(element)\r\n            console_message = colored('[success] ', 'green',\r\n                                      attrs=['bold']) + colored(\r\n                '[Nav elements link on full screen OK!]', 'cyan')\r\n            print(console_message)\r\n\r\n            return True\r\n        except Exception as e:\r\n            console_message = colored('[failed] ', 'red', attrs=['bold']) + \\\r\n                              colored('Nav elements link on mobile screen is '\r\n                                      'not OK!', 'cyan')\r\n            print(console_message)\r\n            print(colored(str(e), 'red'))\r\n            self.close_browser()\r\n\r\n            return False\r\n\r\n    def <strong>click_on_element<\/strong>(self, x_path: str):\r\n        \"\"\"\r\n        Will click on given x_path of html element\r\n        :param x_path: x_path of html element\r\n        \"\"\"\r\n        element = self._browser.find_element_by_xpath(x_path)\r\n        element.click()\r\n        sleep(1)\r\n\r\n    def <strong>set_window_screen<\/strong>(self) -&gt; bool:\r\n        \"\"\"\r\n        This method is resize the browser window\r\n        :return: bool\r\n        \"\"\"\r\n        try:\r\n            sleep(2)\r\n            self._browser.set_window_size(400, 862)\r\n            console_message = colored('[success] ', 'green',\r\n                                      attrs=['bold']) + colored(\r\n                '[Custom window size OK!]', 'cyan')\r\n            print(console_message)\r\n\r\n            return True\r\n        except Exception as e:\r\n            console_message = colored('[failed] ', 'red', attrs=['bold']) + \\\r\n                              colored('Custom window size is not OK!', 'cyan')\r\n            print(console_message)\r\n            print(colored(str(e), 'red'))\r\n            self.close_browser()\r\n\r\n            return False\r\n\r\n    def <strong>close_browser<\/strong>(self):\r\n        \"\"\"\r\n        Close the browser\r\n        \"\"\"\r\n        self._browser.quit()<\/pre>\n<p>&nbsp;<\/p>\n<h3>[ Step: 04 ] Code Breakdown &amp; Explanation<\/h3>\n<p>Lets breakdown all the methods and codes to understand what has been done and why we will extend our code base with more features. We have used <strong>try-except\u00a0<\/strong>to handle any unwanted exceptions. Always remember to handle exceptions.<\/p>\n<p>&nbsp;<\/p>\n<h3>Initialize the attributes of HomepageTest class<\/h3>\n<p>In our <strong>__init__<\/strong>\u00a0 method we are initializing <strong>url<\/strong> and <strong>nav_bar_elements. <\/strong>Also, we have initialized our web driver as <strong>_browser<\/strong>. Let&#8217;s break more,<\/p>\n<pre>self._browser = webdriver.Chrome()<\/pre>\n<p>This is how we will initiate our web driver. And we used the <strong>Chrome web driver<\/strong>.<\/p>\n<h3>Visit Homepage<\/h3>\n<p>Our <strong>visit_homepage() <\/strong>method is responsible for visiting the given <strong>url<\/strong>. We will hit the homepage URL.<\/p>\n<pre>self._browser.get(self.url)<\/pre>\n<p>Print the message with style.<\/p>\n<pre>console_message = colored('[success] ', 'green',\r\n                          attrs=['bold']) + colored(\r\n    '[Homepage OK!]', 'cyan')\r\nprint(console_message)<\/pre>\n<p>Wait for 5 seconds.<\/p>\n<pre>sleep(5)<\/pre>\n<p>&nbsp;<\/p>\n<h3>Test Navbar Elements<\/h3>\n<p>Our <strong>nav_bar_content_testing()\u00a0<\/strong>method is responsible for comparing the navbar elements with the given navbar elements. First, select the main navbar.<\/p>\n<pre>nav_menu = self._browser.find_element_by_id(\"nav_menu\")<\/pre>\n<p><strong>find_element_by_id() <\/strong>will find the element in HTML DOM with given ID. Now let&#8217;s get all the list items from <strong><strong>nav_menu.<\/strong><\/strong><\/p>\n<pre>nav_list = nav_menu.find_elements_by_tag_name('li')<\/pre>\n<p><strong>find_elements_by_tag_name() <\/strong>will find all the HTML elements with the given tag name. Now check if the nav_list texts match with given navbar items from the constants.<\/p>\n<pre>nav_element_matched = self.compare_nav_elements(nav_list)<\/pre>\n<p><strong>compare_nav_elements() <\/strong>is our class method witch will compare two lists and returns boolean. Again, print a nice message.<\/p>\n<pre>console_message = colored('[success] ', 'green',\r\n                          attrs=['bold']) + colored(\r\n    '[Nav bar OK!]', 'cyan')\r\nprint(console_message)<\/pre>\n<p>If things went wrong then print error message in <strong>except block<\/strong> with color like this.<\/p>\n<pre>console_message = colored('[failed] ', 'red', attrs=['bold']) + \\\r\n                  colored('Nav bar is not OK!', 'cyan')\r\nprint(console_message)\r\nprint(colored(str(e), 'red'))<\/pre>\n<p>Close the browser and return False.<\/p>\n<pre>self.close_browser()\r\n\r\nreturn False<\/pre>\n<p><strong>close_browser() <\/strong>is our class method and inside it, we closed our browser with the below method.<\/p>\n<pre>self._browser.quit()<\/pre>\n<h3>Click Navbar Elements On Fullscreen<\/h3>\n<p>Our <strong>click_nav_elements_on_fullscreen()\u00a0<\/strong>is responsible for clicking the nav elements to test if they are working well on fullscreen. We made another method <strong>click_on_element() <\/strong>to follow <strong>DRY(Don&#8217;t repeat yourself) <\/strong>principle. This method will be only responsible for clicking on the element for the given <strong>x_path<\/strong>.<\/p>\n<p>Iterated throw <strong>FULL_WINDOW_NAV_ITEMS_X_PATH <\/strong>and clicked on the nav items.<\/p>\n<pre>for element in FULL_WINDOW_NAV_ITEMS_X_PATH:\r\n    self.click_on_element(element)<\/pre>\n<p>Wait for 2 seconds.<\/p>\n<pre>sleep(2)<\/pre>\n<p>Print nice color message and return True.<\/p>\n<pre>console_message = colored('[success] ', 'green',\r\n                          attrs=['bold']) + colored(\r\n    '[Nav elements link OK!]', 'cyan')\r\nprint(console_message)\r\n\r\nreturn True<\/pre>\n<p>If anything went wrong then print the colored error messages, close the browser and return False.<\/p>\n<pre>console_message = colored('[failed] ', 'red', attrs=['bold']) + \\\r\n                  colored('Nav elements link is not OK!', 'cyan')\r\nprint(console_message)\r\nprint(colored(str(e), 'red'))\r\nself.close_browser()\r\n\r\nreturn False<\/pre>\n<p>&nbsp;<\/p>\n<h3>Resize Window<\/h3>\n<p>The <strong>set_window_screen()\u00a0<\/strong>will simply resize the window size. Resize the window with 400, 862 widths and height but before that wait for 2 seconds.<\/p>\n<pre>sleep(2)\r\nself._browser.set_window_size(768, 1024)<\/pre>\n<p>Print a nice colored message and return True<\/p>\n<pre>console_message = colored('[success] ', 'green',\r\n                          attrs=['bold']) + colored(\r\n    '[Custom window size OK!]', 'cyan')\r\nprint(console_message)\r\n\r\nreturn True<\/pre>\n<p>If anything goes wrong then print the colored error message, close browser, and return False.<\/p>\n<pre>console_message = colored('[failed] ', 'red', attrs=['bold']) + \\\r\n                  colored('Custom window size is not OK!', 'cyan')\r\nprint(console_message)\r\nprint(colored(str(e), 'red'))\r\nself.close_browser()\r\n\r\nreturn False<\/pre>\n<p>&nbsp;<\/p>\n<h3>Click Navbar Elements On Mobile Screen<\/h3>\n<p>The <strong>click_nav_elements_on_mobile_screen()\u00a0<\/strong>method is responsible for operating the same navbar element testing but only in small screen size. First, invoke the window resize method.<\/p>\n<pre>self.set_window_screen()<\/pre>\n<p>Click the navbar menu with the XPath<\/p>\n<pre>self.click_on_element(MOBILE_MENU_NAV_BAR_X_PATH)<\/pre>\n<p>And iterate through <strong>MOBILE_SCREEN_NAV_ITEMS_X_PATH <\/strong>and click every element.<\/p>\n<pre>for element in MOBILE_SCREEN_NAV_ITEMS_X_PATH:\r\n    self.click_on_element(element)<\/pre>\n<p>Print the nice colored message and return True<\/p>\n<pre>console_message = colored('[success] ', 'green',\r\n                          attrs=['bold']) + colored(\r\n    '[Nav elements link on full screen OK!]', 'cyan')\r\nprint(console_message)\r\n\r\nreturn True<\/pre>\n<p>If anything goes wrong then print a colored error message, close the browser and return False.<\/p>\n<pre>console_message = colored('[failed] ', 'red', attrs=['bold']) + \\\r\n                  colored('Nav elements link on mobile screen is '\r\n                          'not OK!', 'cyan')\r\nprint(console_message)\r\nprint(colored(str(e), 'red'))\r\nself.close_browser()\r\n\r\nreturn False<\/pre>\n<h3>[ Step:05 ] It&#8217;s Time, Run The Automation<\/h3>\n<p>In our core package <strong>application<\/strong>, we will run the homepage automation testing. Write the below codes in the <strong>application\/app.py<\/strong> file.<\/p>\n<p>&nbsp;<\/p>\n<pre>from homepage.homepage import HomepageTest\r\nfrom application.utils.urls import HOMEPAGE_URL\r\nfrom application.utils.constants import HOMEPAGE_NAV_BAR\r\n\r\n\r\nif __name__ == '__main__':\r\n    homepage = HomepageTest(HOMEPAGE_URL, HOMEPAGE_NAV_BAR)\r\n    homepage.visit_homepage()\r\n    homepage.nav_bar_content_testing()\r\n    homepage.click_nav_elements_on_fullscreen()\r\n    homepage.click_nav_elements_on_mobile_screen()\r\n    homepage.close_browser()<\/pre>\n<p>&nbsp;<\/p>\n<h3>Explanation<\/h3>\n<ul>\n<li><strong>Import<\/strong> all the things we need.\n<pre>from homepage.homepage import HomepageTest\r\nfrom application.utils.urls import HOMEPAGE_URL\r\nfrom application.utils.constants import HOMEPAGE_NAV_BAR<\/pre>\n<\/li>\n<li>Create an object of the <strong>HomepageTest<\/strong> class.\n<pre>homepage = HomepageTest(HOMEPAGE_URL, HOMEPAGE_NAV_BAR)<\/pre>\n<\/li>\n<li>Run the automation testing methods of the <strong>HomepageTest\u00a0<\/strong>class, step by step.\n<pre>homepage.visit_homepage()\r\n\r\nhomepage.nav_bar_content_testing()\r\n\r\nhomepage.click_nav_elements_on_fullscreen()\r\n\r\nhomepage.click_nav_elements_on_mobile_screen()<\/pre>\n<\/li>\n<li>Finally, close the browser.\n<pre>homepage.close_browser()<\/pre>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Demo Of Successful Automation Testing<\/h3>\n<p>&nbsp;<\/p>\n<div style=\"width: 1170px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-4185-2\" width=\"1170\" height=\"658\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/toptechytips.com\/wp-content\/uploads\/2020\/05\/homepage_automation_final.mp4?_=2\" \/><a href=\"https:\/\/toptechytips.com\/wp-content\/uploads\/2020\/05\/homepage_automation_final.mp4\">https:\/\/toptechytips.com\/wp-content\/uploads\/2020\/05\/homepage_automation_final.mp4<\/a><\/video><\/div>\n<h2><\/h2>\n<h3>Conclusion<\/h3>\n<p>Congratulation, you have done well. Want some more in your project? Well, why don&#8217;t you add some more requirements? You can check the headings of all sections. We have basically demonstrated click events and fetching information from the HTML DOM. We will automate the boring login in our next episode. Where our tool automatically types in input fields. Sounds exciting right? I will keep my promise. Till then practice what you have learned, stay at home. Feel free to share this article and ask anything you like. Stay tuned!<\/p>\n<p>You will find all the codes in my <a href=\"https:\/\/github.com\/zim0101\/quiz_app_automation_test_with_python_selenium\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Github repository<\/a>.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In our last episode, we set up our virtual environment and installed the required packages. Today we are going to do real work as I promised. We will build a project step by step which will do the automation testing in our target application which is a quiz application. Where admin can log in and [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":4227,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[55,74],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web Automation with Selenium &amp; Python Part 2: [Homepage Automation]<\/title>\n<meta name=\"description\" content=\"Web Automation with Selenium &amp; Python Part 2: [Homepage Automation]I n our last episode, we set up our virtual environment and installed the packages.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dotslaz.com\/web-automation-with-selenium-python-part-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Automation with Selenium &amp; Python Part 2: [Homepage Automation]\" \/>\n<meta property=\"og:description\" content=\"Web Automation with Selenium &amp; Python Part 2: [Homepage Automation]I n our last episode, we set up our virtual environment and installed the packages.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dotslaz.com\/web-automation-with-selenium-python-part-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Dotslaz\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/leonardo.da.farhat\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-10T08:40:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-27T07:42:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dotslaz.com\/wp-content\/uploads\/2020\/05\/web-automation-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"626\" \/>\n\t<meta property=\"og:image:height\" content=\"352\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@farhat4406\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Farhat Shahir\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/dotslaz.com\/#website\",\"url\":\"https:\/\/dotslaz.com\/\",\"name\":\"Dotslaz\",\"description\":\"Latest Gadget, Tech Reviews, Web and more\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/dotslaz.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/dotslaz.com\/web-automation-with-selenium-python-part-2\/#primaryimage\",\"url\":\"https:\/\/dotslaz.com\/wp-content\/uploads\/2020\/05\/web-automation-2.png\",\"contentUrl\":\"https:\/\/dotslaz.com\/wp-content\/uploads\/2020\/05\/web-automation-2.png\",\"width\":626,\"height\":352,\"caption\":\"web automation\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/dotslaz.com\/web-automation-with-selenium-python-part-2\/#webpage\",\"url\":\"https:\/\/dotslaz.com\/web-automation-with-selenium-python-part-2\/\",\"name\":\"Web Automation with Selenium & Python Part 2: [Homepage Automation]\",\"isPartOf\":{\"@id\":\"https:\/\/dotslaz.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/dotslaz.com\/web-automation-with-selenium-python-part-2\/#primaryimage\"},\"datePublished\":\"2020-05-10T08:40:55+00:00\",\"dateModified\":\"2020-05-27T07:42:40+00:00\",\"author\":{\"@id\":\"https:\/\/dotslaz.com\/#\/schema\/person\/54ecf34057763a66552c4bf9fecb2ca3\"},\"description\":\"Web Automation with Selenium & Python Part 2: [Homepage Automation]I n our last episode, we set up our virtual environment and installed the packages.\",\"breadcrumb\":{\"@id\":\"https:\/\/dotslaz.com\/web-automation-with-selenium-python-part-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dotslaz.com\/web-automation-with-selenium-python-part-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dotslaz.com\/web-automation-with-selenium-python-part-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/dotslaz.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Automation with Selenium &#038; Python Part 2: [Homepage Automation]\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/dotslaz.com\/#\/schema\/person\/54ecf34057763a66552c4bf9fecb2ca3\",\"name\":\"Farhat Shahir\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/dotslaz.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/50a30519e9ed7ef170d3136598c56819?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/50a30519e9ed7ef170d3136598c56819?s=96&d=mm&r=g\",\"caption\":\"Farhat Shahir\"},\"description\":\"Passionate backend developer with 2 years of experience. Worked with backend technologies like PHP and Python stack mostly. Has good experience in managing git. Proficient with database design and query language.\",\"sameAs\":[\"https:\/\/github.com\/zim0101\",\"https:\/\/www.facebook.com\/leonardo.da.farhat\",\"https:\/\/www.linkedin.com\/in\/farhat-shahir-5a81b2143\/\",\"https:\/\/twitter.com\/farhat4406\"],\"url\":\"https:\/\/dotslaz.com\/author\/zim\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Automation with Selenium & Python Part 2: [Homepage Automation]","description":"Web Automation with Selenium & Python Part 2: [Homepage Automation]I n our last episode, we set up our virtual environment and installed the packages.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dotslaz.com\/web-automation-with-selenium-python-part-2\/","og_locale":"en_US","og_type":"article","og_title":"Web Automation with Selenium & Python Part 2: [Homepage Automation]","og_description":"Web Automation with Selenium & Python Part 2: [Homepage Automation]I n our last episode, we set up our virtual environment and installed the packages.","og_url":"https:\/\/dotslaz.com\/web-automation-with-selenium-python-part-2\/","og_site_name":"Dotslaz","article_author":"https:\/\/www.facebook.com\/leonardo.da.farhat","article_published_time":"2020-05-10T08:40:55+00:00","article_modified_time":"2020-05-27T07:42:40+00:00","og_image":[{"width":626,"height":352,"url":"https:\/\/dotslaz.com\/wp-content\/uploads\/2020\/05\/web-automation-2.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_creator":"@farhat4406","twitter_misc":{"Written by":"Farhat Shahir","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/dotslaz.com\/#website","url":"https:\/\/dotslaz.com\/","name":"Dotslaz","description":"Latest Gadget, Tech Reviews, Web and more","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dotslaz.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dotslaz.com\/web-automation-with-selenium-python-part-2\/#primaryimage","url":"https:\/\/dotslaz.com\/wp-content\/uploads\/2020\/05\/web-automation-2.png","contentUrl":"https:\/\/dotslaz.com\/wp-content\/uploads\/2020\/05\/web-automation-2.png","width":626,"height":352,"caption":"web automation"},{"@type":"WebPage","@id":"https:\/\/dotslaz.com\/web-automation-with-selenium-python-part-2\/#webpage","url":"https:\/\/dotslaz.com\/web-automation-with-selenium-python-part-2\/","name":"Web Automation with Selenium & Python Part 2: [Homepage Automation]","isPartOf":{"@id":"https:\/\/dotslaz.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dotslaz.com\/web-automation-with-selenium-python-part-2\/#primaryimage"},"datePublished":"2020-05-10T08:40:55+00:00","dateModified":"2020-05-27T07:42:40+00:00","author":{"@id":"https:\/\/dotslaz.com\/#\/schema\/person\/54ecf34057763a66552c4bf9fecb2ca3"},"description":"Web Automation with Selenium & Python Part 2: [Homepage Automation]I n our last episode, we set up our virtual environment and installed the packages.","breadcrumb":{"@id":"https:\/\/dotslaz.com\/web-automation-with-selenium-python-part-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dotslaz.com\/web-automation-with-selenium-python-part-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dotslaz.com\/web-automation-with-selenium-python-part-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dotslaz.com\/"},{"@type":"ListItem","position":2,"name":"Web Automation with Selenium &#038; Python Part 2: [Homepage Automation]"}]},{"@type":"Person","@id":"https:\/\/dotslaz.com\/#\/schema\/person\/54ecf34057763a66552c4bf9fecb2ca3","name":"Farhat Shahir","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dotslaz.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/50a30519e9ed7ef170d3136598c56819?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/50a30519e9ed7ef170d3136598c56819?s=96&d=mm&r=g","caption":"Farhat Shahir"},"description":"Passionate backend developer with 2 years of experience. Worked with backend technologies like PHP and Python stack mostly. Has good experience in managing git. Proficient with database design and query language.","sameAs":["https:\/\/github.com\/zim0101","https:\/\/www.facebook.com\/leonardo.da.farhat","https:\/\/www.linkedin.com\/in\/farhat-shahir-5a81b2143\/","https:\/\/twitter.com\/farhat4406"],"url":"https:\/\/dotslaz.com\/author\/zim\/"}]}},"_links":{"self":[{"href":"https:\/\/dotslaz.com\/wp-json\/wp\/v2\/posts\/4185"}],"collection":[{"href":"https:\/\/dotslaz.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dotslaz.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dotslaz.com\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/dotslaz.com\/wp-json\/wp\/v2\/comments?post=4185"}],"version-history":[{"count":0,"href":"https:\/\/dotslaz.com\/wp-json\/wp\/v2\/posts\/4185\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dotslaz.com\/wp-json\/wp\/v2\/media\/4227"}],"wp:attachment":[{"href":"https:\/\/dotslaz.com\/wp-json\/wp\/v2\/media?parent=4185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dotslaz.com\/wp-json\/wp\/v2\/categories?post=4185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dotslaz.com\/wp-json\/wp\/v2\/tags?post=4185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}