added example code to take screenshots (#56)

* added screenshot test 1

* updated versions of dependencies in pom.xml

* added example code to add full page screenshot

* added example code to capture screenshot to buffer

* added example code to capture element screenshot

Author: mfaisalkhatri

.gitignore

@@ -31,6 +31,7 @@ target/
 build/
 !**/src/main/**/build/
 !**/src/test/**/build/
+/screenshots/
 
 ### VS Code ###
 .vscode/

pom.xml

@@ -12,10 +12,10 @@
 
     <properties>
         <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-        <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>
+        <playwright.version>1.41.2</playwright.version>
+        <testng.version>7.9.0</testng.version>
+        <maven.compiler.version>3.12.1</maven.compiler.version>
+        <surefire.version>3.2.5</surefire.version>
         <java.release.version>17</java.release.version>
         <maven.source.encoding>UTF-8</maven.source.encoding>
         <suite-xml>test-suites/testng.xml</suite-xml>

src/test/java/io/github/mfaisalkhatri/tests/ScreenshotTests.java

@@ -0,0 +1,77 @@
+package io.github.mfaisalkhatri.tests;
+
+import com.microsoft.playwright.Locator;
+import com.microsoft.playwright.Page;
+import com.microsoft.playwright.options.AriaRole;
+import org.testng.annotations.Test;
+
+import java.nio.file.Paths;
+import java.text.DateFormat;
+import java.text.SimpleDateFormat;
+import java.time.ZoneId;
+import java.util.Base64;
+import java.util.Date;
+import java.util.TimeZone;
+
+import static org.testng.Assert.assertEquals;
+
+public class ScreenshotTests extends BaseTest{
+
+    @Test
+    public void takeScreenshotTest() {
+        final String websiteLink = "https://the-internet.herokuapp.com/";
+        final Page page = this.browserManager.getPage();
+        page.navigate(websiteLink);
+
+        DateFormat dateFormat = new SimpleDateFormat("YYYY-MM-dd_hh:mm:ss");
+        dateFormat.setTimeZone(TimeZone.getTimeZone("IST"));
+
+        page.screenshot(new Page.ScreenshotOptions()
+                .setPath(Paths.get("./screenshots/screenshot_" + dateFormat.format(new Date()) + ".png")));
+
+
+        assertEquals(page.url(), websiteLink);
+
+        final String pageTitle = page.title();
+        assertEquals(pageTitle, "The Internet");
+    }
+
+
+    @Test
+    public void takeFullPageScreenshot() {
+        final String websiteLink = "https://ecommerce-playground.lambdatest.io/";
+        final Page page = this.browserManager.getPage();
+        page.navigate(websiteLink);
+
+        DateFormat dateFormat = new SimpleDateFormat("YYYY-MM-dd_hh:mm:ss");
+        dateFormat.setTimeZone(TimeZone.getTimeZone("IST"));
+
+        page.screenshot(new Page.ScreenshotOptions()
+                .setPath(Paths.get("./screenshots/screenshot_" + dateFormat.format(new Date()) + ".png")).setFullPage(true));
+
+        assertEquals(page.url(), websiteLink);
+    }
+
+    @Test
+    public void captureScreenshotToBuffer () {
+        final String websiteLink = "https://ecommerce-playground.lambdatest.io/";
+        final Page page = this.browserManager.getPage();
+        page.navigate(websiteLink);
+
+        byte[] buffer = page.screenshot();
+        System.out.println(Base64.getEncoder().encodeToString(buffer));
+
+        assertEquals(page.url(), websiteLink);
+    }
+
+    @Test
+    public void takeElementScreenshot (){
+        final String websiteLink = "https://ecommerce-playground.lambdatest.io/";
+        final Page page = this.browserManager.getPage();
+        page.navigate(websiteLink);
+
+        page.getByRole(AriaRole.TEXTBOX, new Page.GetByRoleOptions().setName("Search For Products"))
+                .screenshot(new Locator.ScreenshotOptions().setPath(Paths.get("./screenshots/screenshot_element.png")));
+    }
+
+}

test-suites/testng-screenshottests.xml

@@ -0,0 +1,17 @@
+<?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">
+        <parameter name="browser" value="chrome"/>
+        <classes>
+            <class name="io.github.mfaisalkhatri.tests.ScreenshotTests">
+                <methods>
+                    <include name="takeScreenshotTest"/>
+                    <include name="takeFullPageScreenshot"/>
+                    <include name="captureScreenshotToBuffer"/>
+                    <include name="takeElementScreenshot"/>
+                </methods>
+            </class>
+        </classes>
+    </test>
+</suite> <!-- Suite -->

test-suites/testng.xml

@@ -1,11 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE suite SYSTEM "http://testng.org/testng-1.0.dtd">
-<suite name="LambdaTest ecommerce playground website test suite " parallel="tests">
+<suite name="Playwright framework example tests " parallel="tests">
     <suite-files>
         <suite-file path="testng-browsertest.xml"/>
         <suite-file path="testng-browsernavigationtests.xml"/>
         <suite-file path="testng-formauthenticationtests.xml"/>
         <suite-file path="testng-windowsizetests.xml"/>
         <suite-file path="testng-doubleclicktests.xml"/>
+        <suite-file path="testng-screenshottests.xml"/>
     </suite-files>
 </suite> <!-- Suite -->