Added example tests for working with text fields (#64)

* updated dependency versions in pom.xml and added a test for locating field by label

* added command to install msedge in the pipeline for running tests

* added exmaple code for locating field using placeholder text

* added example code for fetching text and clearing values from the fields

* key press example code added

Author: mfaisalkhatri

.github/workflows/maven.yml

@@ -33,6 +33,9 @@ jobs:
         java-version: '17'
         distribution: 'temurin'
         cache: maven
+
+    - name: Install Edge browser
+      run: mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="install msedge"
 
     - name: Build with Maven
       run: mvn clean install

pom.xml

@@ -12,10 +12,10 @@
 
     <properties>
         <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-        <playwright.version>1.42.0</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>
+        <playwright.version>1.45.0</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>
         <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/TextFieldTest.java

@@ -0,0 +1,98 @@
+package io.github.mfaisalkhatri.tests;
+
+import com.microsoft.playwright.*;
+import com.microsoft.playwright.options.AriaRole;
+import org.testng.annotations.BeforeClass;
+import org.testng.annotations.Test;
+
+import static com.microsoft.playwright.assertions.PlaywrightAssertions.assertThat;
+
+public class TextFieldTest {
+
+    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 locateFirstNameByLabel() {
+        page.navigate("https://practicesoftwaretesting.com/contact");
+        Locator firstNameField = page.getByLabel("First name");
+        firstNameField.fill("Faisal");
+    }
+
+    @Test
+    public void locateFirstNameByPlaceholder() {
+        page.navigate("https://practicesoftwaretesting.com/contact");
+        Locator firstNameField = page.getByPlaceholder("Your first name *");
+        firstNameField.fill("John");
+    }
+
+    @Test
+    public void locateFirstNameByRole() {
+        page.navigate("https://practicesoftwaretesting.com/contact");
+        Locator firstNameField = page.getByRole(AriaRole.TEXTBOX, new Page.GetByRoleOptions().setName("First name"));
+        firstNameField.fill("Tom");
+    }
+
+    @Test
+    public void testFocusOnField() {
+        page.navigate("https://practicesoftwaretesting.com/contact");
+        Locator emailAddressField = page.getByLabel("Email address");
+        emailAddressField.focus();
+        assertThat(emailAddressField).isFocused();
+    }
+
+    @Test
+    public void testGetValuesFromTextField() {
+        page.navigate("https://practicesoftwaretesting.com/contact");
+        Locator emailAddressField = page.getByLabel("Email address");
+
+        String emailAddress = "faisal.k@demo.com";
+        emailAddressField.fill(emailAddress);
+
+        String emailValue = emailAddressField.inputValue();
+        System.out.println(emailValue);
+
+        assertThat(emailAddressField).hasValue(emailValue);
+    }
+
+    @Test
+    public void testClearFieldValues() {
+        page.navigate("https://practicesoftwaretesting.com/contact");
+        Locator messageField = page.getByLabel("Message *");
+        String messageOne = "This is the first message";
+        messageField.fill(messageOne);
+
+        messageField.clear();
+        String messageTwo = "This is the second message";
+        messageField.fill(messageTwo);
+
+        assertThat(messageField).hasValue(messageTwo);
+    }
+
+    @Test
+    public void testKeyPress() {
+        page.navigate("https://the-internet.herokuapp.com/key_presses");
+        Locator textBox = page.locator("#target");
+        textBox.press("Alt");
+        Locator resultText = page.locator("p#result");
+
+        assertThat(resultText).containsText("ALT");
+
+        textBox.press("Shift");
+        assertThat(resultText).containsText("SHIFT");
+
+        textBox.press("N");
+        assertThat(resultText).containsText("N");
+
+        textBox.press("9");
+        assertThat(resultText).containsText("9");
+    }
+}

test-suites/testng-textfielddemo.xml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE suite SYSTEM "http://testng.org/testng-1.0.dtd">
+<suite name="Working with Text fields using Playwright Java" >
+    <test name="Text fields tests">
+        <classes>
+            <class name="io.github.mfaisalkhatri.tests.TextFieldTest">
+                <methods>
+                    <include name="locateFirstNameByLabel"/>
+                    <include name="locateFirstNameByPlaceholder"/>
+                    <include name="locateFirstNameByRole"/>
+                    <include name="testFocusOnField"/>
+                    <include name="testGetValuesFromTextField"/>
+                    <include name="testClearFieldValues"/>
+                </methods>
+            </class>
+        </classes>
+    </test>
+</suite>

test-suites/testng.xml

@@ -9,5 +9,6 @@
         <suite-file path="testng-doubleclicktests.xml"/>
         <suite-file path="testng-screenshottests.xml"/>
         <suite-file path="testng-dropdowntests.xml"/>
+        <suite-file path="testng-textfielddemo.xml"/>
     </suite-files>
 </suite>