improved wait strategy post pressing ENTER key

Author: kamal-kaur04

playwright-dotnet/PlaywrightIPhoneTest.cs

@@ -29,7 +29,7 @@ public static async Task main(string[] args)
           await page.Locator("[aria-label='Search']").ClickAsync();
           await page.FillAsync("[aria-label='Search']", "BrowserStack");
           await page.Keyboard.PressAsync("Enter");
-          await page.WaitForTimeoutAsync(1000);
+          await page.Locator("[aria-current='page']").WaitForAsync();
           var title = await page.TitleAsync();
 
           if (title == "BrowserStack - Google Search")

playwright-dotnet/PlaywrightPixelTest.cs

@@ -29,7 +29,7 @@ public static async Task main(string[] args)
           await page.Locator("[aria-label='Search']").ClickAsync();
           await page.FillAsync("[aria-label='Search']", "BrowserStack");
           await page.Keyboard.PressAsync("Enter");
-          await page.WaitForTimeoutAsync(1000);
+          await page.Locator("[aria-current='page']").WaitForAsync();
           var title = await page.TitleAsync();
 
           if (title == "BrowserStack - Google Search")

playwright-java/README.md

@@ -16,6 +16,16 @@
 - To run parallel tests, run 
   `mvn -Dexec.mainClass="com.browserstack.PlaywrightParallelTest" -Dexec.classpathScope=test test-compile exec:java
 `
+- To run sessions on emulated devices, 
+  ```
+  mvn -Dexec.mainClass="com.browserstack.PlaywrightIPhoneTest" -Dexec.classpathScope=test test-compile exec:java
+  ``` 
+  or 
+  ```
+  mvn -Dexec.mainClass="com.browserstack.PlaywrightPixelTest" -Dexec.classpathScope=test test-compile exec:java
+  ```
+You can specify contextOptions() from thr below list: 
+https://github.com/microsoft/playwright/blob/main/packages/playwright-core/src/server/deviceDescriptorsSource.json
 - Run `mvn -Dexec.mainClass="com.browserstack.PlaywrightSessionDetailsTest" -Dexec.classpathScope=test test-compile exec:java` to check how to get session details.
 
   ### Run sample test on privately hosted websites

playwright-java/src/test/java/com/browserstack/PlaywrightIPhoneTest.java

@@ -0,0 +1,53 @@
+package com.browserstack;
+
+import com.google.gson.JsonObject;
+import com.microsoft.playwright.*;
+import java.io.UnsupportedEncodingException;
+import java.net.URLEncoder;
+
+public class PlaywrightIPhoneTest {
+    public static void main(String[] args) {
+        try (Playwright playwright = Playwright.create()) {
+            JsonObject jsonObject = new JsonObject();
+            jsonObject.addProperty("browser", "playwright-webkit");    // allowed browsers are `chrome`, `edge`, `playwright-chromium`, `playwright-firefox` and `playwright-webkit`
+            jsonObject.addProperty("browser_version", "latest");
+            jsonObject.addProperty("name", "Test on Playwright emulated Devices");
+            jsonObject.addProperty("build", "playwright-java-4");
+            jsonObject.addProperty("browserstack.username", "BROWSERSTACK_USERNAME");
+            jsonObject.addProperty("browserstack.accessKey", "BROWSERSTACK_ACCESS_KEY");
+
+            BrowserType chromium = playwright.chromium();
+            String caps = URLEncoder.encode(jsonObject.toString(), "utf-8");
+            String ws_endpoint = "wss://cdp.browserstack.com/playwright?caps=" + caps;
+
+            Browser browser = chromium.connect(ws_endpoint);
+            BrowserContext context = browser.newContext(new Browser.NewContextOptions()
+                    .setUserAgent("Mozilla/5.0 (iPhone; CPU iPhone OS 12_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0 Mobile/15E148 Safari/604.1")
+                    .setViewportSize(375, 812)
+                    .setDeviceScaleFactor(3)
+                    .setIsMobile(true)
+                    .setHasTouch(true));
+
+            Page page = context.newPage();
+            page.navigate("https://www.google.co.in/");
+            Locator locator = page.locator("[aria-label='Search']");
+            locator.click();
+            page.fill("[aria-label='Search']", "BrowserStack");
+            page.keyboard().press("Enter");
+            page.locator("[aria-current='page']").waitFor();
+            String title = page.title();
+
+            Object result;
+            if (title.equals("BrowserStack - Google Search")) {
+                // following line of code is responsible for marking the status of the test on BrowserStack as 'passed'. You can use this code in your after hook after each test
+                result = page.evaluate("_ => {}", "browserstack_executor: { \"action\": \"setSessionStatus\", \"arguments\": { \"status\": \"passed\", \"reason\": \"Title matched\"}}");
+            } else {
+                result = page.evaluate("_ => {}", "browserstack_executor: { \"action\": \"setSessionStatus\", \"arguments\": { \"status\": \"failed\", \"reason\": \"Title did not matched\"}}");
+            }
+
+            browser.close();
+        } catch (UnsupportedEncodingException e) {
+            System.out.println(e);
+        }
+    }
+}

playwright-java/src/test/java/com/browserstack/PlaywrightPixelTest.java

@@ -0,0 +1,54 @@
+package com.browserstack;
+
+import com.google.gson.JsonObject;
+import com.microsoft.playwright.*;
+import java.io.UnsupportedEncodingException;
+import java.net.URLEncoder;
+
+public class PlaywrightPixelTest {
+    public static void main(String[] args) {
+        try (Playwright playwright = Playwright.create()) {
+            JsonObject jsonObject = new JsonObject();
+            jsonObject.addProperty("browser", "playwright-webkit");    // allowed browsers are `chrome`, `edge`, `playwright-chromium`, `playwright-firefox` and `playwright-webkit`
+            jsonObject.addProperty("browser_version", "latest");
+            jsonObject.addProperty("name", "Test on Playwright emulated Devices");
+            jsonObject.addProperty("build", "playwright-java-4");
+            jsonObject.addProperty("browserstack.username", "BROWSERSTACK_USERNAME");
+            jsonObject.addProperty("browserstack.accessKey", "BROWSERSTACK_ACCESS_KEY");
+
+            BrowserType chromium = playwright.chromium();
+            String caps = URLEncoder.encode(jsonObject.toString(), "utf-8");
+            String ws_endpoint = "wss://cdp.browserstack.com/playwright?caps=" + caps;
+
+            Browser browser = chromium.connect(ws_endpoint);
+            BrowserContext context = browser.newContext(new Browser.NewContextOptions()
+                    .setUserAgent("Mozilla/5.0 (Linux; Android 11; Pixel 5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4943.0 Mobile Safari/537.36")
+                    .setViewportSize(393, 727)
+                    .setScreenSize(393, 851)
+                    .setDeviceScaleFactor(3)
+                    .setIsMobile(true)
+                    .setHasTouch(true));
+
+            Page page = context.newPage();
+            page.navigate("https://www.google.co.in/");
+            Locator locator = page.locator("[aria-label='Search']");
+            locator.click();
+            page.fill("[aria-label='Search']", "BrowserStack");
+            page.keyboard().press("Enter");
+            page.locator("[aria-current='page']").waitFor();
+            String title = page.title();
+
+            Object result;
+            if (title.equals("BrowserStack - Google Search")) {
+                // following line of code is responsible for marking the status of the test on BrowserStack as 'passed'. You can use this code in your after hook after each test
+                result = page.evaluate("_ => {}", "browserstack_executor: { \"action\": \"setSessionStatus\", \"arguments\": { \"status\": \"passed\", \"reason\": \"Title matched\"}}");
+            } else {
+                result = page.evaluate("_ => {}", "browserstack_executor: { \"action\": \"setSessionStatus\", \"arguments\": { \"status\": \"failed\", \"reason\": \"Title did not matched\"}}");
+            }
+
+            browser.close();
+        } catch (UnsupportedEncodingException e) {
+            System.out.println(e);
+        }
+    }
+}

playwright-python/playwright-test-on-iphone.py

@@ -25,7 +25,7 @@ def run_session(playwright):
     page.goto("https://www.google.co.in/")
     page.fill("[aria-label='Search']", 'Browserstack')
     page.keyboard.press('Enter')
-    page.wait_for_timeout(1000)
+    page.locator("[aria-current='page']").wait_for();
     title = page.title()
 
     if title == "Browserstack - Google Search":

playwright-python/playwright-test-on-pixel.py

@@ -25,7 +25,7 @@ def run_session(playwright):
     page.goto("https://www.google.co.in/")
     page.fill("[aria-label='Search']", 'Browserstack')
     page.keyboard.press('Enter')
-    page.wait_for_timeout(1000)
+    page.locator("[aria-current='page']").wait_for();
     title = page.title()
 
     if title == "Browserstack - Google Search":