{"id":2607,"date":"2023-10-31T01:47:00","date_gmt":"2023-10-31T01:47:00","guid":{"rendered":"https:\/\/rahulshettyacademy.com\/blog\/?p=2607"},"modified":"2023-12-03T06:50:48","modified_gmt":"2023-12-03T06:50:48","slug":"action-class-mouse-hover-operation-in-selenium-and-keypress-events","status":"publish","type":"post","link":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/2023\/10\/31\/action-class-mouse-hover-operation-in-selenium-and-keypress-events\/","title":{"rendered":"Action class Mouse Hover operation in Selenium and keypress events"},"content":{"rendered":"\n
    \n
  1. Perform Mouse Hover with the help of Actions class \u2013 Example 1<\/li>\n\n\n\n
  2. Example 2 of mouse hover<\/li>\n\n\n\n
  3. Keypress events (Control+a)<\/li>\n\n\n\n
  4. Keypress events (Control+c)<\/li>\n\n\n\n
  5. TAB key<\/li>\n\n\n\n
  6. Keypress events (Control+v)<\/li>\n\n\n\n
  7. Source code (mouse hover)<\/li>\n\n\n\n
  8. Source code (keypress) <\/li>\n<\/ol>\n\n\n\n


    <\/strong>Perform Mouse Hover with the help of Actions class \u2013 Example 1<\/strong><\/p>\n\n\n\n

    Launch https:\/\/www.spicejet.com\/<\/a> <\/p>\n\n\n\n

    When we mouse hover \u2018Add-ons\u2019 menu, a child sub-menu automatically comes up<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Let us automate a scenario where the user mouse-hovers \u2018Add-ons\u2019 and clicks \u2018SpiceMax\u2019 sub-menu. In Selenium, this mouse hover operation can be achieved by using \u2018Actions\u2019 class.<\/p>\n\n\n\n

    Let us inspect \u2018Add-ons\u2019<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Also let us inspect \u2018SpiceMax\u2019 child sub-menu<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    We can now write our code. <\/p>\n\n\n\n

    In line#16, the driver object is passed in constructor of Actions class. The driver reference \u2018act\u2019 now gets all the capabilities of Actions\u2019s class methods, example, moveToElement()<\/em> method<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    In line#17, the method \u2018moveToElement\u2019 uses the \u2018act\u2019 reference\u2019. This helps in moving to \u2018Add-ons\u2019 parent menu. <\/p>\n\n\n\n

    Also, in line#17, we have to append the methods .build().perform()<\/em> at the end, otherwise mouse hover will not happen.<\/p>\n\n\n\n

    Execute the script. The script was able to successfully mouse hover and click the sub-menu \u2018SpiceMax\u2019 item as shown below<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Example 2 of mouse hover<\/strong><\/p>\n\n\n\n

    Let us see another example. Launch https:\/\/www.yahoo.com\/<\/a> <\/p>\n\n\n\n

    When we mouse-hover \u2018More\u2019 parent item, a lot of child sub-menu items get displayed <\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Let us inspect \u2018More\u2019. It is represented by \u2018span\u2019 tag having text \u2018more\u2019<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Let us inspect \u2018Parenting\u2019 under More > Life<\/em><\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    We can use \u2018linkText\u2019 locator<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    So our script would be:<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Save and run the script. <\/p>\n\n\n\n

    Notice below that the parenting page opens<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Keypress events (Control+a)<\/strong><\/p>\n\n\n\n

    Launch https:\/\/text-compare.com\/<\/a> <\/p>\n\n\n\n

    There are 2 textbox areas on this page, one on the left hand side and another on right hand side<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Use case that we are going to automate:<\/p>\n\n\n\n

    The script will write some text in the left area, will select the entire text using \u201cctrl+a\u201d, will copy the entire text using ctrl+c, will shift to the right area using \u2018tab\u2019 key and finally paste the text in the right area using \u201cctrl+v\u201d. This way, we will have same text both the text areas. So let us see how to automate this scenario.<\/p>\n\n\n\n

    Inspect left had side text area<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Inspect right had side text area<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Let us write some text on the left had side text area using the sendkeys()<\/em> method, see line#23 shown below<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    After writing the text, the script will perform \u2018select-all\u2019 operation using ctrl+a (see lines 28-31 above). <\/p>\n\n\n\n

    Execute the script, notice below that the desired text gets typed in the left area<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Keypress events (Control+c)<\/strong><\/p>\n\n\n\n

    The below steps would perform the \u2018copy\u2019 operation<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    TAB key<\/strong><\/p>\n\n\n\n

    The below steps would perform the \u2018tab\u2019 operation<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Keypress events (Control+v)<\/strong><\/p>\n\n\n\n

    The below steps would perform the \u2018paste\u2019 operation<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Execute the script. <\/p>\n\n\n\n

    Notice that the same text gets copied in the right area<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Similarly you can try to experiment with other keypress operations<\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Source code (mouse hover)<\/strong><\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n

    Source code (keypress) <\/strong><\/p>\n\n\n\n

    \"\"\/<\/figure>\n\n\n\n
    \"\"\/<\/figure>\n\n\n\n

    Thank you for reading!<\/p>\n","protected":false},"excerpt":{"rendered":"

    Perform Mouse Hover with the help of Actions class \u2013 Example 1 Launch https:\/\/www.spicejet.com\/  When we mouse hover \u2018Add-ons\u2019 menu, a child sub-menu automatically comes up Let us automate a scenario where the user mouse-hovers \u2018Add-ons\u2019 and clicks \u2018SpiceMax\u2019 sub-menu. In Selenium, this mouse hover operation can be achieved by using \u2018Actions\u2019 class. Let us […]<\/p>\n","protected":false},"author":1,"featured_media":1238,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2607","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","post-wrapper","thrv_wrapper"],"_links":{"self":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/2607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=2607"}],"version-history":[{"count":11,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/2607\/revisions"}],"predecessor-version":[{"id":2820,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/posts\/2607\/revisions\/2820"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/media\/1238"}],"wp:attachment":[{"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=2607"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=2607"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rahulshettyacademy.com\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=2607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}