Added example code for mouse hover (#65)

mfaisalkhatri · web-flow · commit 608f781e0b78 · 2024-08-07T14:31:06.000+05:30
* added example code to perform mouse hover and updated readme

* updated dependency version in pom.xml

* formatted code

* added code to close browser and playwright sessions gracefully using close() method

* updated testng xml files
diff --git a/README.md b/README.md
@@ -27,7 +27,8 @@ I have tried to answer the below questions by providing working code example in
 1. How to set different window sizes? 
 1. How to double on a button?
 1. How to use Page Object Model using Playwright Java?
-1. How to perform browser navigations?
+1. How to perform browser navigation?
+1. How to perform Mouse hover?
 
 ## How to run the Tests?
 
@@ -45,6 +46,7 @@ I have tried to answer the below questions by providing working code example in
 - [Playwright Java Tutorial: Web Automation Testing | Installation and Setup](https://medium.com/@iamfaisalkhatri/playwright-java-tutorial-web-automation-testing-installation-and-setup-545c9c7661c8)
 - [Playwright Java Tutorial: Web Automation Testing | Writing and running tests on Chrome, Firefox and Edge browsers](https://medium.com/@iamfaisalkhatri/playwright-java-tutorial-web-automation-testing-writing-and-running-tests-on-chrome-firefox-and-d2446b9a69ce)
 - [Playwright Java Tutorial: Web Automation Testing | How to perform browser navigation?](https://medium.com/@iamfaisalkhatri/playwright-java-tutorial-web-automation-testing-how-to-perform-browser-navigation-043f14af5c97)
+- [Playwright Java Tutorial: Web Automation Testing | How to work with text fields?](https://medium.com/@iamfaisalkhatri/playwright-java-tutorial-web-automation-testing-how-to-work-with-text-fields-6cc9982ed7b2)
 
 ## :question: Need Assistance?
 
diff --git a/pom.xml b/pom.xml
@@ -12,7 +12,7 @@
 
     <properties>
         <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-        <playwright.version>1.45.0</playwright.version>
+        <playwright.version>1.45.1</playwright.version>
         <testng.version>7.10.2</testng.version>
         <maven.compiler.version>3.13.0</maven.compiler.version>
         <surefire.version>3.3.0</surefire.version>
diff --git a/src/main/java/io/github/mfaisalkhatri/browsers/BrowserManager.java b/src/main/java/io/github/mfaisalkhatri/browsers/BrowserManager.java
@@ -46,6 +46,7 @@ public Page getPage() {
 
     public void closeBrowser() {
         this.browser.close();
+        this.playwright.close();
     }
 
 
diff --git a/src/test/java/io/github/mfaisalkhatri/tests/DoubleClickTest.java b/src/test/java/io/github/mfaisalkhatri/tests/DoubleClickTest.java
@@ -21,5 +21,8 @@ public void testDoubleClick () {
         final ButtonsPage buttonsPage = new ButtonsPage(page);
         buttonsPage.doubleClickAndCheckAlertText("You double clicked me.. Thank You..");
 
+        browser.close();
+        playwright.close();
+
     }
 }
diff --git a/src/test/java/io/github/mfaisalkhatri/tests/DropdownTests.java b/src/test/java/io/github/mfaisalkhatri/tests/DropdownTests.java
@@ -86,6 +86,7 @@ public void testMultiSelectOptions() {
 
     @AfterClass
     public void tearDown() {
+        this.page.close();
         this.playwright.close();
     }
 }
diff --git a/src/test/java/io/github/mfaisalkhatri/tests/MouseHoverTest.java b/src/test/java/io/github/mfaisalkhatri/tests/MouseHoverTest.java
@@ -0,0 +1,38 @@
+package io.github.mfaisalkhatri.tests;
+
+import com.microsoft.playwright.*;
+import com.microsoft.playwright.options.AriaRole;
+import org.testng.annotations.AfterClass;
+import org.testng.annotations.BeforeClass;
+import org.testng.annotations.Test;
+
+import static com.microsoft.playwright.assertions.PlaywrightAssertions.assertThat;
+
+public class MouseHoverTest {
+
+    private Playwright playwright;
+    private Page page;
+
+
+    @BeforeClass
+    public void setup() {
+        this.playwright = Playwright.create();
+        final Browser browser = playwright.chromium().launch(new BrowserType.LaunchOptions().setHeadless(false).setChannel("chrome"));
+        this.page = browser.newPage();
+    }
+
+    @Test
+    public void testMouseHover() {
+        page.navigate("https://the-internet.herokuapp.com/hovers");
+        Locator firstImage = page.locator("#content div.figure:nth-child(3)");
+        firstImage.hover();
+        Locator userNameText = page.getByRole(AriaRole.HEADING, new Page.GetByRoleOptions().setName("name: user1"));
+        assertThat(userNameText).hasText("name: user1");
+    }
+
+    @AfterClass
+    public void tearDown() {
+        this.page.close();
+        this.playwright.close();
+    }
+}
diff --git a/src/test/java/io/github/mfaisalkhatri/tests/PlaywrightDemoTests.java b/src/test/java/io/github/mfaisalkhatri/tests/PlaywrightDemoTests.java
@@ -19,6 +19,7 @@ public void testOnChromeHeadless() {
         final String pageTitle = page.title();
         assertEquals(pageTitle, "Your Store");
         browser.close();
+        playwright.close();
     }
 
 
@@ -32,6 +33,7 @@ public void testOnChrome() {
         final String pageTitle = page.title();
         assertEquals(pageTitle, "Your Store");
         browser.close();
+        playwright.close();
     }
 
     @Test
@@ -43,6 +45,7 @@ public void testOnFirefoxHeadless() {
         final String pageTitle = page.title();
         assertEquals(pageTitle, "Your Store");
         browser.close();
+        playwright.close();
     }
 
     @Test
@@ -54,6 +57,7 @@ public void testOnFirefox() {
         final String pageTitle = page.title();
         assertEquals(pageTitle, "Your Store");
         browser.close();
+        playwright.close();
 
     }
 
@@ -66,6 +70,7 @@ public void testOnFirefoxSlowMo() {
         final String pageTitle = page.title();
         assertEquals(pageTitle, "Your Store");
         browser.close();
+        playwright.close();
     }
 
     @Test
@@ -77,6 +82,7 @@ public void testOnChromeSlowMo() {
         final String pageTitle = page.title();
         assertEquals(pageTitle, "Your Store");
         browser.close();
+        playwright.close();
     }
 
     @Test
@@ -88,6 +94,7 @@ public void testOnEdge() {
         final String pageTitle = page.title();
         assertEquals(pageTitle, "Your Store");
         browser.close();
+        playwright.close();
     }
 
     @Test
@@ -124,6 +131,7 @@ public void testBrowserNavigation() {
         assertEquals(currentPageUrl, websiteLink);
 
         browser.close();
+        playwright.close();
 
     }
 }
diff --git a/src/test/java/io/github/mfaisalkhatri/tests/TextFieldTest.java b/src/test/java/io/github/mfaisalkhatri/tests/TextFieldTest.java
@@ -2,6 +2,7 @@
 
 import com.microsoft.playwright.*;
 import com.microsoft.playwright.options.AriaRole;
+import org.testng.annotations.AfterClass;
 import org.testng.annotations.BeforeClass;
 import org.testng.annotations.Test;
 
@@ -95,4 +96,11 @@ public void testKeyPress() {
         textBox.press("9");
         assertThat(resultText).containsText("9");
     }
+    
+    @AfterClass
+    public void tearDown() {
+        this.page.close();
+        this.playwright.close();
+    }
+
 }
diff --git a/src/test/java/io/github/mfaisalkhatri/tests/WindowSizeTest.java b/src/test/java/io/github/mfaisalkhatri/tests/WindowSizeTest.java
@@ -21,6 +21,7 @@ public void testDifferentWindowSize() {
         final String pageHeaderText = pageHeader.textContent();
         assertEquals(pageHeaderText, "Selenium Playground");
         browser.close();
+        playwright.close();
 
     }
 
@@ -40,6 +41,7 @@ public void testDifferentWindowSizeMethodTwo() {
         final String pageHeaderText = pageHeader.textContent();
         assertEquals(pageHeaderText, "Selenium Playground");
         browser.close();
+        playwright.close();
 
     }
 
diff --git a/test-suites/testng-formauthenticationtests.xml b/test-suites/testng-formauthenticationtests.xml
@@ -2,7 +2,7 @@
 <!DOCTYPE suite SYSTEM "http://testng.org/testng-1.0.dtd">
 <suite name="Browser Navigation test suite">
     <test name="Browser navigation tests using Playwright on Chrome">
-        <parameter name="browser" value="firefox"/>
+        <parameter name="browser" value="chrome"/>
         <classes>
             <class name="io.github.mfaisalkhatri.tests.FormAuthenticationTests">
                 <methods>
diff --git a/test-suites/testng-mousehovertest.xml b/test-suites/testng-mousehovertest.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE suite SYSTEM "http://testng.org/testng-1.0.dtd">
+<suite name="Playwright demo test suite " >
+    <test name="Mouse hover demo on Chrome">
+        <classes>
+            <class name="io.github.mfaisalkhatri.tests.MouseHoverTest">
+                <methods>
+                    <include name="testMouseHover"/>
+                </methods>
+            </class>
+        </classes>
+    </test>
+</suite>
diff --git a/test-suites/testng-playwrightdemotests.xml b/test-suites/testng-playwrightdemotests.xml
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE suite SYSTEM "http://testng.org/testng-1.0.dtd">
+<suite name="Playwright Demo Tests" parallel="tests">
+    <test name="Web automation tests using Playwright on Chrome">
+        <classes>
+            <class name="io.github.mfaisalkhatri.tests.PlaywrightDemoTests">
+                <methods>
+                    <include name="testOnChromeHeadless"/>
+                    <include name="testOnChrome"/>
+                    <include name="testOnChromeSlowMo"/>
+                    <include name="testBrowserNavigation"/>
+                </methods>
+            </class>
+        </classes>
+    </test>
+    <test name="Web automation tests using Playwright on Firefox">
+        <classes>
+            <class name="io.github.mfaisalkhatri.tests.PlaywrightDemoTests">
+                <methods>
+                    <include name="testOnFirefoxHeadless"/>
+                    <include name="testOnFirefox"/>
+                    <include name="testOnFirefoxSlowMo"/>
+                </methods>
+            </class>
+        </classes>
+    </test>
+    <test name="Web automation tests using Playwright on Edge">
+        <classes>
+            <class name="io.github.mfaisalkhatri.tests.PlaywrightDemoTests">
+                <methods>
+                    <include name="testOnEdge"/>
+                </methods>
+            </class>
+        </classes>
+    </test>
+</suite>
diff --git a/test-suites/testng.xml b/test-suites/testng.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE suite SYSTEM "http://testng.org/testng-1.0.dtd">
-<suite name="Playwright framework example tests " parallel="tests">
+<suite name="Playwright framework example tests ">
     <suite-files>
         <suite-file path="testng-browsertest.xml"/>
         <suite-file path="testng-browsernavigationtests.xml"/>
@@ -10,5 +10,7 @@
         <suite-file path="testng-screenshottests.xml"/>
         <suite-file path="testng-dropdowntests.xml"/>
         <suite-file path="testng-textfielddemo.xml"/>
+        <suite-file path="testng-mousehovertest.xml"/>
+        <suite-file path="testng-playwrightdemotests.xml"/>
     </suite-files>
 </suite>

Original file line number	Diff line number	Diff line change
`@@ -46,6 +46,7 @@ public Page getPage() {`
`46`	`46`
`47`	`47`	`public void closeBrowser() {`
`48`	`48`	`this.browser.close();`
	`49`	`+ this.playwright.close();`
`49`	`50`	`}`
`50`	`51`
`51`	`52`
Original file line number	Diff line number	Diff line change
`@@ -21,5 +21,8 @@ public void testDoubleClick () {`
`21`	`21`	`final ButtonsPage buttonsPage = new ButtonsPage(page);`
`22`	`22`	`buttonsPage.doubleClickAndCheckAlertText("You double clicked me.. Thank You..");`
`23`	`23`
	`24`	`+ browser.close();`
	`25`	`+ playwright.close();`
	`26`	`+`
`24`	`27`	`}`
`25`	`28`	`}`
Original file line number	Diff line number	Diff line change
`@@ -86,6 +86,7 @@ public void testMultiSelectOptions() {`
`86`	`86`
`87`	`87`	`@AfterClass`
`88`	`88`	`public void tearDown() {`
	`89`	`+ this.page.close();`
`89`	`90`	`this.playwright.close();`
`90`	`91`	`}`
`91`	`92`	`}`
Original file line number	Diff line number	Diff line change
`@@ -19,6 +19,7 @@ public void testOnChromeHeadless() {`
`19`	`19`	`final String pageTitle = page.title();`
`20`	`20`	`assertEquals(pageTitle, "Your Store");`
`21`	`21`	`browser.close();`
	`22`	`+ playwright.close();`
`22`	`23`	`}`
`23`	`24`
`24`	`25`
`@@ -32,6 +33,7 @@ public void testOnChrome() {`
`32`	`33`	`final String pageTitle = page.title();`
`33`	`34`	`assertEquals(pageTitle, "Your Store");`
`34`	`35`	`browser.close();`
	`36`	`+ playwright.close();`
`35`	`37`	`}`
`36`	`38`
`37`	`39`	`@Test`
`@@ -43,6 +45,7 @@ public void testOnFirefoxHeadless() {`
`43`	`45`	`final String pageTitle = page.title();`
`44`	`46`	`assertEquals(pageTitle, "Your Store");`
`45`	`47`	`browser.close();`
	`48`	`+ playwright.close();`
`46`	`49`	`}`
`47`	`50`
`48`	`51`	`@Test`
`@@ -54,6 +57,7 @@ public void testOnFirefox() {`
`54`	`57`	`final String pageTitle = page.title();`
`55`	`58`	`assertEquals(pageTitle, "Your Store");`
`56`	`59`	`browser.close();`
	`60`	`+ playwright.close();`
`57`	`61`
`58`	`62`	`}`
`59`	`63`
`@@ -66,6 +70,7 @@ public void testOnFirefoxSlowMo() {`
`66`	`70`	`final String pageTitle = page.title();`
`67`	`71`	`assertEquals(pageTitle, "Your Store");`
`68`	`72`	`browser.close();`
	`73`	`+ playwright.close();`
`69`	`74`	`}`
`70`	`75`
`71`	`76`	`@Test`
`@@ -77,6 +82,7 @@ public void testOnChromeSlowMo() {`
`77`	`82`	`final String pageTitle = page.title();`
`78`	`83`	`assertEquals(pageTitle, "Your Store");`
`79`	`84`	`browser.close();`
	`85`	`+ playwright.close();`
`80`	`86`	`}`
`81`	`87`
`82`	`88`	`@Test`
`@@ -88,6 +94,7 @@ public void testOnEdge() {`
`88`	`94`	`final String pageTitle = page.title();`
`89`	`95`	`assertEquals(pageTitle, "Your Store");`
`90`	`96`	`browser.close();`
	`97`	`+ playwright.close();`
`91`	`98`	`}`
`92`	`99`
`93`	`100`	`@Test`
`@@ -124,6 +131,7 @@ public void testBrowserNavigation() {`
`124`	`131`	`assertEquals(currentPageUrl, websiteLink);`
`125`	`132`
`126`	`133`	`browser.close();`
	`134`	`+ playwright.close();`
`127`	`135`
`128`	`136`	`}`
`129`	`137`	`}`
Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,7 @@ public void testDifferentWindowSize() {`
`21`	`21`	`final String pageHeaderText = pageHeader.textContent();`
`22`	`22`	`assertEquals(pageHeaderText, "Selenium Playground");`
`23`	`23`	`browser.close();`
	`24`	`+ playwright.close();`
`24`	`25`
`25`	`26`	`}`
`26`	`27`
`@@ -40,6 +41,7 @@ public void testDifferentWindowSizeMethodTwo() {`
`40`	`41`	`final String pageHeaderText = pageHeader.textContent();`
`41`	`42`	`assertEquals(pageHeaderText, "Selenium Playground");`
`42`	`43`	`browser.close();`
	`44`	`+ playwright.close();`
`43`	`45`
`44`	`46`	`}`
`45`	`47`