微软出品自动化神器【Playwright+Java】系列(五) 之 常见点击事件操作

写在前面

明天就是周五了,这周有那么一两天心情特别不好,真的是做什么都没兴致,所以导致整个人都很丧,什么都不想做。

本打算周一就更新这篇文章的,但由于公司一直加班,每天到家很晚,都是挤时间去学,理解后再输出到博客写出来,所以导致进度就滞后了,真的不是我偷懒,还请一直关注我的小伙伴能够理解。

常见点击事件操作

这部分主要演示的常见点击操作,例如:文本输入、复选框、单选按钮、选择选项、鼠标点击事件等等。

1、输入操作

语法: Locator.fill(value)

使用场景: 文本框、日期/时间、日历控件等输入框

示例代码如下:

  /**
     * 输入操作:
     * 语法:Locator.fill(value)
     * 使用场景:文本框、日期/时间、日历控件等输入框
     */
    @Test
    public void testInput() {
        page.locator("#user").fill("公众号:软件测试君");
        String value = page.locator("#user").getAttribute("value");
        //输出 ==> 公众号:软件测试君
        System.out.println(value);
    }

2、点击操作

语法: Locator.click()

适用场景: 单选框、复选框、按钮控件、常见可点击控件等等!

示例代码如下:

 /**
     * 点击操作
     * 语法:Locator.click()
     * 适用场景:单选框、复选框、按钮控件、常见可点击控件等等!
     */
    @Test
    public void testClick() {
        //点击超链接
        page.locator(".baidu").click();
        page.goBack();
        //点击单选框(RadioBox)
        page.locator(".Volvo").click();
        //点击复选框(checkbox)
        page.locator("#checkbox [type='checkbox']:nth-child(7)").click();
    }

3、单选框及复选框操作

语法: Locator.setChecked(checked)

适用场景: 单选框、复选框

示例代码如下:

  /**
     * 单选框及复选框操作
     * 语法:Locator.setChecked(checked)
     * 适用场景:单选框、复选框
     */
    @Test
    public void testChecked() {
        //单选款 (选中,已选中状态下无效)
        page.locator(".Volvo").setChecked(true);
        page.locator(".Volvo").check();
        System.out.println(page.locator(".Volvo").isChecked());
        //复选框(选中,已选中状态下无效)
        page.locator("#checkbox [type='checkbox']:nth-child(7)").check();
        page.locator("#checkbox [type='checkbox']:nth-child(7)").setChecked(true);
        System.out.println(page.locator("#checkbox [type='checkbox']:nth-child(7)").isChecked());
    }

4、下拉控件操作

语法: Locator.selectOption(values[, options])

适用场景: 下拉框操作

示例代码如下:

  /**
     * 下拉控件操作
     * 语法:Locator.selectOption(values[, options])
     * 适用场景:下拉框操作
     */
    @Test
    public void testSelectOption() {
        //通过value值选择
        page.locator("[name='select']").selectOption("opel");
        //通过可见文本选择
        page.locator("[name='select']").selectOption(new SelectOption().setLabel("Audi"));
        // 多选无效,只能选中第一个(saab)
        //page.locator("[name='select']").selectOption(new String[] {"saab", "opel"});
    }

5、鼠标事件

语法: 详见案例

适用场景:常见鼠标点击事件

案例如图:

微软出品自动化神器【Playwright+Java】系列(五) 之  常见点击事件操作

示例代码如下:

/**
     * 鼠标事件
     * 语法:详见案例
     * 适用场景:
     */
    @Test
    public void testMouse() {
        page.navigate("http://localhost:8080/mouse.html");
        //常规单击
        page.locator("#mouse2").click();
        pause(3);
        //双击
        page.locator("#mouse3").dblclick();
        pause(3);
        //右键单击
        page.locator("#mouse5").click(new Locator.ClickOptions().setButton(MouseButton.RIGHT));
        pause(3);
        //按住Shift键并单击
        page.locator("#mouse2").click(new Locator.ClickOptions().setModifiers(Arrays.asList(KeyboardModifier.SHIFT)));
        pause(3);
        //悬停在元素上
        page.locator("#mouse1").hover();
        pause(3);
        //单击左上角
        page.locator("#mouse1").click(new Locator.ClickOptions().setPosition(0, 0));
        pause(3);
        //强制点击
        page.locator("#mouse2").click(new Locator.ClickOptions().setForce(true));
        pause(3);
        //调度点击事件来触发点击
        page.locator("#mouse2").dispatchEvent("click");
    }

注意: 不知道是什么原因, 在执行鼠标点击案例时,程序从上到下操作后会发现弹窗会自己点击关掉,神奇的很!

写到最后

对比学习看的话,Selenium操作点击后的弹窗需要alert来完成确认,而Playwright却可以自动点击,可以说比Selenium智能吗?有兴趣的小伙伴可以自己尝试。

Original: https://www.cnblogs.com/longronglang/p/16789794.html
Author: 久曲健
Title: 微软出品自动化神器【Playwright+Java】系列(五) 之 常见点击事件操作



相关阅读

Title: Teams app LukcyDraw 的升级之路

我已经有很长一段时间没有更新我的 Teams App:LuckyDraw 了,有很多用户反馈给我,因为快到圣诞,新年和春节了,很多公司都开始要使用LuckyDraw来搞抽奖活动,希望LuckyDraw能支持大用户量的抽奖,所以,我准备好好更新一波,让LuckyDraw支持 3000 用户的大群抽奖。

重新拾起 LuckyDraw 的第一步是先试一下之前的 CI/CD 是否还能工作,我编程的习惯是先配置 CI/CD,这个搞完后,再确保 tests 都一切顺利通过,然后再开始改代码,这样改代码的时候就放心,因为有大量的 tests 保驾护航,还有 CI/CD 自动到 dev,uat,prod 环境,可以很好的防止人为操作失误。

所以我先 check 了,infra 架构的 CI/CD,果然不出所料,一上来就失败了。

微软出品自动化神器【Playwright+Java】系列(五) 之  常见点击事件操作

看了一下出错的说明,是因为我在 ARM Template 里使用的 alertrules 太老了,不再被支持了。

    {
      "apiVersion": "2014-04-01",
      "name": "[concat('ServerErrors ', variables('botApiName'))]",
      "type": "Microsoft.Insights/alertrules",
      "location": "[resourceGroup().location]",
      "dependsOn": [
        "[resourceId('Microsoft.Web/sites/', variables('botApiName'))]"
      ],
      "tags": {
        "[concat('hidden-link:', resourceGroup().id, '/providers/Microsoft.Web/sites/', variables('botApiName'))]": "Resource",
        "displayName": "ServerErrorsAlertRule"
      },
      "properties": {
        "name": "[concat('ServerErrors ', variables('botApiName'))]",
        "description": "[concat(variables('botApiName'), ' has some server errors, status code 5xx.')]",
        "isEnabled": false,
        "condition": {
          "odata.type": "Microsoft.Azure.Management.Insights.Models.ThresholdRuleCondition",
          "dataSource": {
            "odata.type": "Microsoft.Azure.Management.Insights.Models.RuleMetricDataSource",
            "resourceUri": "[concat(resourceGroup().id, '/providers/Microsoft.Web/sites/', variables('botApiName'))]",
            "metricName": "Http5xx"
          },
          "operator": "GreaterThan",
          "threshold": 0.0,
          "windowSize": "PT5M"
        },
        "action": {
          "odata.type": "Microsoft.Azure.Management.Insights.Models.RuleEmailAction",
          "sendToServiceOwners": true,
          "customEmails": []
        }
      }
    },

我使用的两个 alertrules 主要是监控 bot api service 有没有出现大量的 5xx 错误和 403 错误,因为之前有一次大量用户同时使用,大规模出现了 500 错误,我没有及时发现,所以耽误的发现的时间。所以加了这两个 alert rules,按照最新的文档,我需要参考这个来改写 ARM template.

https://learn.microsoft.com/en-us/azure/azure-monitor/alerts/alerts-create-new-alert-rule?tabs=metric

我目前采用了一个偷懒的做法,先把这两个 alert rules 删掉了,等以后再加上。

搞定了 infra 的 CI/CD 之后,我就开始搞主服务 luckydraw bot api 的 CI/CD,果然也失败了,报了一个很诡异的错误,如下:

微软出品自动化神器【Playwright+Java】系列(五) 之  常见点击事件操作

初看下来,是 test coverage 的生成不工作了,我研究了很久,一直没有进展,不经意间我突然发现 AzureDevOps 自带的 build agent 已经使用了最新的 dotnet 7 来编译,我想会不会是 7 的问题,把下面 UseDotNet 这个 task 加到了 pipeline 的第一个 step,再次运行后就一切正常了。

steps:
- task: UseDotNet@2
  inputs:
    version: '6.x'

- script: |
    dotnet build --configuration $(buildConfiguration)

- script: |
    dotnet test test/LuckyDrawBot.Tests/LuckyDrawBot.Tests.csproj /p:CollectCoverage=true /p:CoverletOutputFormat=cobertura /p:Exclude=\"........\"
  displayName: dotnet test

我最后再 github 上找到了这个问题,很多人都提了这个问题:无法把参数传递给测试工具。

dotnet test does not forward MSBuild properties to msbuild in .NET 7 RC1 · Issue #4014 · microsoft/vstest · GitHub

17.4.0 Breaks pipeline code coverage · Issue #4140 · microsoft/vstest · GitHub

目前看这个问题已经被 fix 了,但 fix 还没有发布到官方版本,可能下一个 dotnet 7 的 release 里就可以包含这个修正。期待中。。。

搞定了 CI/CD 后,准备开始研究如何支持 3000 人的同时抽奖问题。

Original: https://blog.csdn.net/xxjjxx/article/details/128334389
Author: Tony.X
Title: Teams app LukcyDraw 的升级之路

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/363559/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

最近整理资源【免费获取】:   👉 程序员最新必读书单  | 👏 互联网各方向面试题下载 | ✌️计算机核心资源汇总