《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)

1.简介

 通过前边两篇文章跟随宏哥学习想必到这里已经将环境搭建好了,今天就在Java项目搭建环境中简单地实践一下: 启动两大浏览器。按市场份额来说,全球前三大浏览器是:IE.Firefox.Chrome。但是微软已经在Win10中不维护IE浏览器了,用Edge浏览器代替或者兼容IE模式的浏览器,因此宏哥这里主要介绍一下如何在Windows系统中启动这两大浏览器即可,其他平台系统的浏览器类似的启动方法,照猫画虎就可以了。但是在实践过程中,宏哥发现Java语言的Playwright目前好像支持三款浏览器:Chrome、Firefox和Webkit,索性就全部讲解和介绍了吧。可能有的小伙伴或者童鞋们不相信就仅仅支持三款浏览器,也可能是宏哥理解错了,欢迎纠错哦!下边说一下宏哥的依据。

1.1下载的浏览器

跟随宏哥首先看一下,我们运行代码下载的浏览器,只有三款:Chrome、Firefox和Webkit。如下图所示:

《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)

1.2BrowserType(浏览器类型)

再跟随随宏哥,看一下代码中提供的浏览器类型就三个:chromium()、firefox()和webkit(),如下图所示:

《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)

2.启动浏览器准备工作

2.1准备工作

创建一个Playwright的Java项目,用来练习,具体步骤如下:

1.打开Eclipse,创建一个名称为bjhg_playwright的Java 项目,如下图所示:

《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)

2.选择项目,右键项目,选择Build Path,然后选择Confige Build Path...,弹出框点击Libraries,如下图所示:

《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)

3.这里点击Add External JARs...,弹出框,选择当前电脑本地之前下载好的所有与playwright相关的jar包,添加到新建的项目中,如下图所示:

《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)

4.点击“OK”,如下图所示:

《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)

准备工作就介绍到这里,下边介绍如何启动两大浏览器。

3.启动Chrome浏览器

大致思路:打开Chrome浏览器,访问百度网址,获取网址的title,然后再关闭Chrome浏览器。根据思路进行代码设计。

3.1代码设计

《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)

3.2参考代码

package bjhg_playwright; import com.microsoft.playwright.Browser; import com.microsoft.playwright.BrowserType; import com.microsoft.playwright.Page; import com.microsoft.playwright.Playwright;  /**  * @author 北京-宏哥  *   * @公众号:北京宏哥(微信搜索,关注宏哥,提前解锁更多测试干货)  *   * 《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)  *  * 2024年7月09日  */ public class LaunchChrome {          public static void main(String[] args) {         try (Playwright playwright = Playwright.create()) {           Browser browser = playwright.chromium().launch(new BrowserType.LaunchOptions().setHeadless(false).setSlowMo(50));           Page page = browser.newPage();           page.navigate("https://www.baidu.com/");           System.out.println(page.title());           page.close();         }       }  }

3.3运行代码

1.运行代码,右键Run AS->java Application,就可以看到控制台输出,如下图所示:

《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)

2.运行代码后电脑端的浏览器的动作。如下图所示:

《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)

4.启动Firefox浏览器

大致思路和启动Chrome浏览器相同:打开Firefox浏览器,访问百度网址,获取网址的title,然后再关闭Firefox浏览器。根据思路进行代码设计。

4.1代码设计

《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)

4.2参考代码

package bjhg_playwright;  import com.microsoft.playwright.Browser; import com.microsoft.playwright.BrowserType; import com.microsoft.playwright.Page; import com.microsoft.playwright.Playwright;  /**  * @author 北京-宏哥  *   * @公众号:北京宏哥(微信搜索,关注宏哥,提前解锁更多测试干货)  *   * 《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)  *  * 2024年7月09日  */ public class LaunchFirefox {          public static void main(String[] args) {         try (Playwright playwright = Playwright.create()) {           Browser browser = playwright.firefox().launch(new BrowserType.LaunchOptions().setHeadless(false).setSlowMo(50));           Page page = browser.newPage();           page.navigate("https://www.baidu.com/");           System.out.println(page.title());           page.close();         }       }  }

4.3运行代码

1.运行代码,右键Run AS->java Application,就可以看到控制台输出,如下图所示:

《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)

2.运行代码后电脑端的浏览器的动作。如下图所示:

《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)

5.启动webkit浏览器

大致思路和启动Chrome浏览器相同:打开webkit浏览器,访问百度网址,获取网址的title,然后再关闭webkit浏览器。根据思路进行代码设计。

5.1代码设计

《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)

5.2参考代码

package bjhg_playwright;  import com.microsoft.playwright.Browser; import com.microsoft.playwright.BrowserType; import com.microsoft.playwright.Page; import com.microsoft.playwright.Playwright;  /**  * @author 北京-宏哥  *   * @公众号:北京宏哥(微信搜索,关注宏哥,提前解锁更多测试干货)  *   * 《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)  *  * 2024年7月09日  */ public class LaunchWebkit {          public static void main(String[] args) {         try (Playwright playwright = Playwright.create()) {           Browser browser = playwright.webkit().launch(new BrowserType.LaunchOptions().setHeadless(false).setSlowMo(50));           Page page = browser.newPage();           page.navigate("https://www.baidu.com/");           System.out.println(page.title());           page.close();         }       }  }

5.3运行代码

1.运行代码,右键Run AS->java Application,就可以看到控制台输出,如下图所示:

《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)

2.运行代码后电脑端的浏览器的动作。如下图所示:

《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)

6.关键代码说明

package bjhg_playwright; import com.microsoft.playwright.Browser; import com.microsoft.playwright.BrowserType; import com.microsoft.playwright.Page; import com.microsoft.playwright.Playwright;  /**  * @author 北京-宏哥  *   * @公众号:北京宏哥(微信搜索,关注宏哥,提前解锁更多测试干货)  *   * 《刚刚问世》系列初窥篇-Java+Playwright自动化测试-3-启动浏览器(详细教程)  *  * 2024年7月09日  */ public class LaunchChrome {          public static void main(String[] args) {         try (Playwright playwright = Playwright.create()) {           //使用chromium浏览器,# 浏览器配置,设置以GUI模式启动Chrome浏览器(要查看浏览器UI,在启动浏览器时传递 headless=false 标志。您还可以使用 slowMo 来减慢执行速度。           Browser browser = playwright.chromium().launch(new BrowserType.LaunchOptions().setHeadless(false).setSlowMo(50));           //创建page           Page page = browser.newPage();           //浏览器打开百度           page.navigate("https://www.baidu.com/");           //打印title           System.out.println(page.title());           //关闭page           page.close();         }       }  }

通过上边在代码中增加的注释,想必小伙伴或者童鞋们就比较好理解了,也知道宏哥在第一篇文章运行代码时,为何没有看到浏览器UI了吧!

7.小结

宏哥因为之前做过python、java语言和selenium,经常碰到头疼的问题就是:出现浏览器版本和驱动版本匹配的问题,新手一定要注意这个问题。但是playwright无论是Java还是python语言,无论是新手还是老鸟就都不需要担心这些问题了,而且今天讲解和分享的非常简单,就是简单换个方法就可以启动不同的浏览器了。好了,今天关于三大浏览器的驱动宏哥就分享到这里,感谢你耐心的阅读。

发表评论

相关文章