Added example code to run test in different window size and updated readme (#54)

mfaisalkhatri · web-flow · commit 6794d8a382a6 · 2023-10-17T00:54:23.000+05:30
* updated tests, testng.xmls, base test and browsermanager

* updated testng-browsertest.xml to include all tests

* updated readme and testng.xml
diff --git a/README.md b/README.md
@@ -7,6 +7,7 @@
 - This repo has example code for running Web Automation Tests using Playwright, Java and TestNG. 
 - Websites used for testing are 
   - [LambdaTest E-Commerce Playground](https://ecommerce-playground.lambdatest.io/)
+  - [LambdaTest Selenium Playground](https://www.lambdatest.com/selenium-playground/)
 - This repo uses `Maven` as build tool and `TestNG` testing framework to run the tests.
 
 ## Talking more about the Scenarios Covered in this project:
@@ -19,9 +20,12 @@ I have tried to answer the below questions by providing working code example in
 1. How to run test on Firefox browser in Headless mode?
 1. How to run test on Chrome/Firefox browser in Slow Motion?
 1. How to run test on Edge browser?
-1. How to perform browser navigations?
+1. How to perform browser navigation's?
 1. How to get the Page Title?
 1. How to get the Website URL?
+1. How to type values in the textbox?
+1. How to set different window sizes? 
+1. How to use Page Object Model using Playwright Java? 
 
 ## How to run the Tests?
 
@@ -34,6 +38,11 @@ I have tried to answer the below questions by providing working code example in
   ### 2. Maven:
       `mvn clean install -Dsuite-xml=testng.xml `
 
+## :writing_hand: Blog Links
+
+- [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)
+
 ## :question: Need Assistance?
 
 - Discuss your queries by writing to me @ `mohammadfaisalkhatri@gmail.com`
diff --git a/pom.xml b/pom.xml
@@ -12,7 +12,7 @@
 
     <properties>
         <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-        <playwright.version>1.37.0</playwright.version>
+        <playwright.version>1.38.0</playwright.version>
         <testng.version>7.8.0</testng.version>
         <maven.compiler.version>3.11.0</maven.compiler.version>
         <surefire.version>3.1.2</surefire.version>
diff --git a/src/main/java/io/github/mfaisalkhatri/browsers/BrowserManager.java b/src/main/java/io/github/mfaisalkhatri/browsers/BrowserManager.java
@@ -15,11 +15,11 @@ public BrowserManager() {
         this.playwright = Playwright.create();
     }
 
-    public void createBrowser(final Browsers browsers) {
+    public void createBrowser(final String browser) {
 
-        switch (browsers) {
-            case EDGE -> setupEdgeBrowser();
-            case FIREFOX -> setupFirefoxBrowser();
+        switch (browser) {
+            case "edge" -> setupEdgeBrowser();
+            case "firefox" -> setupFirefoxBrowser();
             default -> setupChromeBrowser();
         }
     }
diff --git a/src/main/java/io/github/mfaisalkhatri/browsers/Browsers.java b/src/main/java/io/github/mfaisalkhatri/browsers/Browsers.java
diff --git a/src/test/java/io/github/mfaisalkhatri/tests/BaseTest.java b/src/test/java/io/github/mfaisalkhatri/tests/BaseTest.java
@@ -1,7 +1,6 @@
 package io.github.mfaisalkhatri.tests;
 
 import io.github.mfaisalkhatri.browsers.BrowserManager;
-import io.github.mfaisalkhatri.browsers.Browsers;
 import org.testng.annotations.*;
 
 public class BaseTest {
@@ -13,7 +12,7 @@ public class BaseTest {
     @BeforeClass(alwaysRun = true)
     public void setupTest(final String browser) {
         this.browserManager = new BrowserManager();
-        this.browserManager.createBrowser(Browsers.valueOf(browser.toUpperCase()));
+        this.browserManager.createBrowser((browser));
     }
 
     @AfterClass(alwaysRun = true)
diff --git a/src/test/java/io/github/mfaisalkhatri/tests/PlaywrightDemoTests.java b/src/test/java/io/github/mfaisalkhatri/tests/PlaywrightDemoTests.java
@@ -9,88 +9,84 @@
 import static org.testng.Assert.assertEquals;
 
 public class PlaywrightDemoTests {
-
     @Test
     public void testOnChromeHeadless() {
-        try (final Playwright playwright = Playwright.create()) {
-            final Browser browser = playwright.chromium().launch();
-            final Page page = browser.newPage();
-            page.navigate("https://ecommerce-playground.lambdatest.io/");
-            final String pageTitle = page.title();
-            assertEquals(pageTitle, "Your Store");
-            browser.close();
-        }
+
+        final Playwright playwright = Playwright.create();
+        final Browser browser = playwright.chromium().launch();
+        final Page page = browser.newPage();
+        page.navigate("https://ecommerce-playground.lambdatest.io/");
+        final String pageTitle = page.title();
+        assertEquals(pageTitle, "Your Store");
+        browser.close();
     }
 
+
     @Test
     public void testOnChrome() {
-        try (final Playwright playwright = Playwright.create()) {
-            final Browser browser = playwright.chromium().launch(new BrowserType.LaunchOptions().setHeadless(false).setChannel("chrome"));
-            final Page page = browser.newPage();
-            page.navigate("https://ecommerce-playground.lambdatest.io/");
-            final String pageTitle = page.title();
-            assertEquals(pageTitle, "Your Store");
-            browser.close();
-        }
+
+        final Playwright playwright = Playwright.create();
+        final Browser browser = playwright.chromium().launch(new BrowserType.LaunchOptions().setHeadless(false).setChannel("chrome"));
+        final Page page = browser.newPage();
+        page.navigate("https://ecommerce-playground.lambdatest.io/");
+        final String pageTitle = page.title();
+        assertEquals(pageTitle, "Your Store");
+        browser.close();
     }
 
     @Test
     public void testOnFirefoxHeadless() {
-        try (final Playwright playwright = Playwright.create()) {
-            final Browser browser = playwright.firefox().launch();
-            final Page page = browser.newPage();
-            page.navigate("https://ecommerce-playground.lambdatest.io/");
-            final String pageTitle = page.title();
-            assertEquals(pageTitle, "Your Store");
-            browser.close();
-        }
+        final Playwright playwright = Playwright.create();
+        final Browser browser = playwright.firefox().launch();
+        final Page page = browser.newPage();
+        page.navigate("https://ecommerce-playground.lambdatest.io/");
+        final String pageTitle = page.title();
+        assertEquals(pageTitle, "Your Store");
+        browser.close();
     }
 
     @Test
     public void testOnFirefox() {
-        try (final Playwright playwright = Playwright.create()) {
-            final Browser browser = playwright.firefox().launch(new BrowserType.LaunchOptions().setHeadless(false));
-            final Page page = browser.newPage();
-            page.navigate("https://ecommerce-playground.lambdatest.io/");
-            final String pageTitle = page.title();
-            assertEquals(pageTitle, "Your Store");
-            browser.close();
-        }
+        final Playwright playwright = Playwright.create();
+        final Browser browser = playwright.firefox().launch(new BrowserType.LaunchOptions().setHeadless(false));
+        final Page page = browser.newPage();
+        page.navigate("https://ecommerce-playground.lambdatest.io/");
+        final String pageTitle = page.title();
+        assertEquals(pageTitle, "Your Store");
+        browser.close();
+
     }
 
     @Test
     public void testOnFirefoxSlowMo() {
-        try (final Playwright playwright = Playwright.create()) {
-            final Browser browser = playwright.firefox().launch(new BrowserType.LaunchOptions().setHeadless(false).setSlowMo(100));
-            final Page page = browser.newPage();
-            page.navigate("https://ecommerce-playground.lambdatest.io/");
-            final String pageTitle = page.title();
-            assertEquals(pageTitle, "Your Store");
-            browser.close();
-        }
+        final Playwright playwright = Playwright.create();
+        final Browser browser = playwright.firefox().launch(new BrowserType.LaunchOptions().setHeadless(false).setSlowMo(100));
+        final Page page = browser.newPage();
+        page.navigate("https://ecommerce-playground.lambdatest.io/");
+        final String pageTitle = page.title();
+        assertEquals(pageTitle, "Your Store");
+        browser.close();
     }
 
     @Test
     public void testOnChromeSlowMo() {
-        try (final Playwright playwright = Playwright.create()) {
-            final Browser browser = playwright.chromium().launch(new BrowserType.LaunchOptions().setHeadless(false).setSlowMo(100));
-            final Page page = browser.newPage();
-            page.navigate("https://ecommerce-playground.lambdatest.io/");
-            final String pageTitle = page.title();
-            assertEquals(pageTitle, "Your Store");
-            browser.close();
-        }
+        final Playwright playwright = Playwright.create();
+        final Browser browser = playwright.chromium().launch(new BrowserType.LaunchOptions().setHeadless(false).setSlowMo(2000));
+        final Page page = browser.newPage();
+        page.navigate("https://ecommerce-playground.lambdatest.io/");
+        final String pageTitle = page.title();
+        assertEquals(pageTitle, "Your Store");
+        browser.close();
     }
 
-    @Test
-    public void testOnEdge() {
-        try (final Playwright playwright = Playwright.create()) {
+        @Test
+        public void testOnEdge() {
+            final Playwright playwright = Playwright.create();
             final Browser browser = playwright.chromium().launch(new BrowserType.LaunchOptions().setHeadless(false).setChannel("msedge"));
-            final Page page = browser.newPage();
-            page.navigate("https://ecommerce-playground.lambdatest.io/");
-            final String pageTitle = page.title();
-            assertEquals(pageTitle, "Your Store");
-            browser.close();
+                final Page page = browser.newPage();
+                page.navigate("https://ecommerce-playground.lambdatest.io/");
+                final String pageTitle = page.title();
+                assertEquals(pageTitle, "Your Store");
+                browser.close();
         }
-    }
 }
diff --git a/src/test/java/io/github/mfaisalkhatri/tests/WindowSizeTest.java b/src/test/java/io/github/mfaisalkhatri/tests/WindowSizeTest.java
@@ -0,0 +1,47 @@
+package io.github.mfaisalkhatri.tests;
+
+import com.microsoft.playwright.*;
+import io.github.mfaisalkhatri.browsers.BrowserManager;
+import org.testng.annotations.Test;
+
+import static org.testng.Assert.assertEquals;
+
+public class WindowSizeTest {
+
+    @Test
+    public void testDifferentWindowSize() {
+
+        final Playwright playwright = Playwright.create();
+        final Browser browser = playwright.chromium().launch(new BrowserType.LaunchOptions().setHeadless(false)
+                .setChannel("chrome"));
+        final Page page = browser.newPage();
+        page.setViewportSize(1024,768);
+        page.navigate("https://www.lambdatest.com/selenium-playground/");
+
+        final Locator pageHeader = page.locator(".wrapper h1");
+        final String pageHeaderText = pageHeader.textContent();
+        assertEquals(pageHeaderText, "Selenium Playground");
+        browser.close();
+
+    }
+
+    @Test
+    public void testDifferentWindowSizeMethodTwo() {
+
+        final Playwright playwright = Playwright.create();
+        final Browser browser = playwright.chromium().launch(new BrowserType.LaunchOptions().setHeadless(false)
+                .setChannel("chrome"));
+
+        final BrowserContext context = browser.newContext(new Browser.NewContextOptions().setViewportSize(600,800));
+        final Page page = context.newPage();
+
+        page.navigate("https://www.lambdatest.com/selenium-playground/");
+
+        final Locator pageHeader = page.locator(".wrapper h1");
+        final String pageHeaderText = pageHeader.textContent();
+        assertEquals(pageHeaderText, "Selenium Playground");
+        browser.close();
+
+    }
+
+}
diff --git a/test-suites/testng-browsertest.xml b/test-suites/testng-browsertest.xml
@@ -5,18 +5,18 @@
         <classes>
             <class name="io.github.mfaisalkhatri.tests.PlaywrightDemoTests">
                 <methods>
-                    <include name="testOnChrome"/>
                     <include name="testOnChromeHeadless"/>
-                    <include name="testOnFirefox"/>
+                    <include name="testOnChrome"/>
                     <include name="testOnFirefoxHeadless"/>
+                    <include name="testOnFirefox"/>
                     <include name="testOnChromeSlowMo"/>
                     <include name="testOnFirefoxSlowMo"/>
                     <include name="testOnEdge"/>
                 </methods>
             </class>
         </classes>
     </test> <!-- Test -->
-    <test name="Refactored web automation test with Playwright on Chrome">
+    <test name="Refactored web automation test with Playwright on Chrome" enabled="false">
         <parameter name="browser" value="chrome"/>
         <classes>
             <class name="io.github.mfaisalkhatri.tests.RefactoredPlaywrightTests">
@@ -26,7 +26,7 @@
             </class>
         </classes>
     </test>
-    <test name="Refactored web automation test with Playwright on Firefox">
+    <test name="Refactored web automation test with Playwright on Firefox" enabled="false">
         <parameter name="browser" value="firefox"/>
         <classes>
             <class name="io.github.mfaisalkhatri.tests.RefactoredPlaywrightTests">
@@ -36,7 +36,7 @@
             </class>
         </classes>
     </test>
-    <test name="Refactored web automation test with Playwright on Edge">
+    <test name="Refactored web automation test with Playwright on Edge" enabled="false">
         <parameter name="browser" value="edge"/>
         <classes>
             <class name="io.github.mfaisalkhatri.tests.RefactoredPlaywrightTests">
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="chrome"/>
+        <parameter name="browser" value="firefox"/>
         <classes>
             <class name="io.github.mfaisalkhatri.tests.FormAuthenticationTests">
                 <methods>
diff --git a/test-suites/testng-windowsizetests.xml b/test-suites/testng-windowsizetests.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!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" parallel="methods">
+        <parameter name="browser" value="chrome"/>
+        <classes>
+            <class name="io.github.mfaisalkhatri.tests.WindowSizeTest">
+                <methods>
+                    <include name="testDifferentWindowSize"/>
+                    <include name="testDifferentWindowSizeMethodTwo"/>
+                </methods>
+            </class>
+        </classes>
+    </test>
+</suite> <!-- Suite -->

Original file line number	Diff line number	Diff line change
`@@ -15,11 +15,11 @@ public BrowserManager() {`
`15`	`15`	`this.playwright = Playwright.create();`
`16`	`16`	`}`
`17`	`17`
`18`		`- public void createBrowser(final Browsers browsers) {`
	`18`	`+ public void createBrowser(final String browser) {`
`19`	`19`
`20`		`- switch (browsers) {`
`21`		`- case EDGE -> setupEdgeBrowser();`
`22`		`- case FIREFOX -> setupFirefoxBrowser();`
	`20`	`+ switch (browser) {`
	`21`	`+ case "edge" -> setupEdgeBrowser();`
	`22`	`+ case "firefox" -> setupFirefoxBrowser();`
`23`	`23`	`default -> setupChromeBrowser();`
`24`	`24`	`}`
`25`	`25`	`}`