如何在 WebdriverIO 中使用 ID 定位器?

rest assureddynamic programmingprogramming

我们可以使用 WebdriverIO 中的 ID 定位器。导航到网页后,我们需要与页面上可用的 Web 元素进行交互,例如点击链接/按钮、在编辑框中输入文本等等,以完成我们的自动化测试用例。

为此,我们的首要任务是识别元素。我们可以使用元素的 id 属性来标识它。这是一个非常有用的定位器,与所有定位器相比,它可以加快自动化测试的执行速度。

在 WebdriverIO 代码中,我们可以选择以以下格式 − 指定元素 id 属性的值。

$('=#value of id attribute')
或者,我们可以将此表达式存储在变量中:
const p = $('=#value of id attribute')

让我们找到下图中突出显示的元素并点击它 −

上图中突出显示的链接有一个标签名 - a 和 id 属性值 - 重定向。

示例

代码实现

// 测试套件名称
describe('Tutorialspoint application', function(){

   // 测试用例
   it('通过 Id 识别元素', function(){

      // 启动 URL
      browser.url('https://the-internet.herokuapp.com/redirector')

      // 通过 id 识别元素然后点击
      $("#redirect").click()

      //获取页面标题
      console.log(&39;点击后的页面标题:&39; + browser.getTitle())
   });
});

输出

命令成功执行后,点击后的页面标题 - Internet 会打印在控制台中。


相关文章