新一代最强开源UI自动化测试神器Playwright

使用Playwright ，你可以在任何浏览器上测试你的应用程序，也可以模拟真实设备，例如手机或平板电脑。只需配置你想要模拟的设备，Playwright 就会模拟浏览器行为，例如“userAgent”、“screenSize”、“viewport”以及是否启用了“hasTouch”。你还可以为所有测试或特定测试模拟“地理位置”、“区域设置”和“时区”，以及设置“权限”以显示通知或更改“colorScheme”。

Viewport

viewport包含在设备中，但是你可以使用Page.setViewportSize()来重新设置它。

1. // 创建浏览器上下文并设置浏览器窗口大小

2. BrowserContext context = browser.newContext(new Browser.NewContextOptions()

3. .setViewportSize(1280, 1024)

4. // 设置高DPI

5. .setDeviceScaleFactor(2));

6. Page page = context.newPage();

7. // 重置浏览器窗口大小

8. page.setViewportSize(1600,1200);

isMobile

1. // 创建浏览器上下文并指定是移动设备的上下文

2. BrowserContext context = browser.newContext(new Browser.NewContextOptions().setIsMobile(true));

设置语言和时区

1. // 创建浏览器上下文并指定语言和时区

2. BrowserContext context = browser.newContext(new Browser.NewContextOptions().setLocale("de-DE").setTimezoneId("Europe/Berlin"));

权限

允许应用显示系统通知

1. // 创建浏览器上下文并设置允许应用显示系统通知

2. BrowserContext context = browser.newContext(new Browser.NewContextOptions().setPermissions(Arrays.asList("notifications")));

允许特定网站的通知

1. // 创建浏览器上下文并设置允许特定网站的通知

2. BrowserContext context = browser.newContext(new Browser.NewContextOptions().setViewportSize(null));

3. context.grantPermissions(Arrays.asList("notifications"),new BrowserContext.GrantPermissionsOptions().setOrigin("https://www.cnblogs.com/mrjade/"));

撤销所有权限

context.clearPermissions();

• 1

设置地理位置

1. BrowserContext context = browser.newContext(new Browser.NewContextOptions()

2. .setGeolocation(41.890266, 12.492485)//设置地理位置

3. .setPermissions(Arrays.asList("geolocation")));//授予获取位置权限，如果不设置则会弹出下图的提示信息

设置网站显示颜色（深色或浅色）

模拟用户的“配色方案”。支持’light’， ‘dark’， ‘no-preference’。你还可以使用page.emulatemmedia()模拟媒体类型。

用深色模式创建浏览器上下文

1. # 用深色模式创建浏览器上下文

2. BrowserContext context = browser.newContext(new Browser.NewContextOptions()

3. .setColorScheme(ColorScheme.DARK)

4. .setViewportSize(null));

用深色模式创建页面

1. // 用深色模式创建一个页面

2. Page page = browser.newPage(new Browser.NewPageOptions().setColorScheme(ColorScheme.DARK));

更改页面的配色文案

page.emulateMedia(new Page.EmulateMediaOptions().setColorScheme(ColorScheme.DARK));

• 1

更改页面的媒体

1. page.emulateMedia(new Page.EmulateMediaOptions().setMedia(Media.PRINT));

2. page.emulateMedia(new Page.EmulateMediaOptions().setMedia(Media.SCREEN));

User Agent

用户代理包含在设备中，因此你很少需要更改它，但是如果你确实需要测试不同的用户代理，你可以使用 userAgent 属性覆盖它。

1. // 创建浏览器上下文并设置User Agent

2. BrowserContext context = browser.newContext(new Browser.NewContextOptions().setUserAgent("Mozilla/5.0 (Linux; Android 8.0; Pixel 2 Build/OPD3.170816.012) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3765.0 Mobile Safari/537.36"));

模拟网络离线

BrowserContext context = browser.newContext(new Browser.NewContextOptions().setOffline(true));

• 1

启用和禁用JavaScript

1. BrowserContext context = browser.newContext(new Browser.NewContextOptions()

2. .javaScriptEnabled(false));

示例代码

1. import com.microsoft.playwright.*;

2. import java.util.Arrays;

5. /**

6. * @author 作者:测试工程师成长之路

7. * @version 创建时间：2023/7/23

8. * 类说明:模拟移动设备

9. */

10. public class MobileTest {

11. public static void main(String[] args) {

12. try (Playwright playwright = Playwright.create()) {

13. Browser browser = playwright.chromium().launch(new BrowserType.LaunchOptions()

14. .setChannel("chrome")

15. .setHeadless(false));

16. BrowserContext context = browser.newContext(new Browser.NewContextOptions()

17. // 设置User Agent

18. .setUserAgent("Mozilla/5.0 (Linux; Android 8.0; Pixel 2 Build/OPD3.170816.012) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3765.0 Mobile Safari/537.36")

19. .setViewportSize(411, 731) // 设置浏览器窗口大小

20. .setDeviceScaleFactor(2.625) // 设置DPI（像素）

21. .setIsMobile(true) // 设置为移动设备

22. .setHasTouch(true) // 设置为可触屏

23. .setLocale("en-US") // 设置地区

24. .setGeolocation(41.889938, 12.492507) // 设置地理位置

25. .setPermissions(Arrays.asList("geolocation"))); // 授予获取位置权限

26. Page page = context.newPage();

27. page.navigate("https://map.baidu.com");

28. Thread.sleep(50000);

30. } catch (InterruptedException e) {

31. e.printStackTrace();

32. }

33. }

34. }

 如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “点赞” “评论” “收藏” 一键三连哦！

最后： 下方这份完整的软件测试视频教程已经整理上传完成，需要的朋友们可以自行领取【保证100%免费】