WebdriverIO - Xpath Locator

一旦我们浏览一个网页,我们就必须与网页上的现有网站进行互动,例如点击连接/布顿,进入一个信箱内的案文,从而完成我们的自动化测试。

为此,我们的首要任务是确定这一要素。 我们可以为确定其身份创造一个要素。 下文将讨论制作Xpath表述的规则。

x

//tagname[@attribute= value ]

这里,标题是任择的。

例如,

//img[@alt= tutorialspoint ]

让我们看见突出链接——家庭——的html法典。 以下屏幕将登在你的电脑上:

元素的Xpath 1. 家庭如下:

//a[@title= TutorialsPoint - Home ]. 

以下屏幕将登在你的电脑上:

在《网络用户法典》中,我们可以具体指出以下格式的一个要素的xpath表述——

$( value of the xpath expression )

或者,我们可以将这一表述放在一个变量中——

const p = $( value of the xpath expression )

让我们确定以下形象中所强调的案文并获取案文——

以上重点内容的顺序如下:

//p[@class= heading ]

首先,遵循题为“快车道”的一章第1至5号步骤。

。 题为“从诺德JS开始的结晶”的章节详细介绍了如何安装这些装置。

。 关于如何安装这一装置的细节见题为“建立国家预防机制”的章节。

。 关于如何安装这些装置的细节见题为VS代码安装的一章。

。 关于如何进行安装的细节见题为“配置文件生成”的章节。

Step 5——建立光谱档案。 关于如何安装这些装置的细节见题为“Mocha装置”的章节。

在制作的Mocha光谱档案中添加以下代码。

// test suite name
describe( Tutorialspoint apppcation , function(){
   //test case
   it( Identify element with Xpath , function(){        
      // launch url
      browser.url( https://www.tutorialspoint.com/about/about_careers.htm )
      //identify element with xpath then obtain text
      console.log($("//p[@class= heading ]").getText() + " - is the text.")
   });
});

档案——由以下指挥部存档:

npx wdio run wdio.conf.js. 

在题为“Wdio.conf.js案”的章节和题为“编造档案”的章节中详细讨论了如何建立汇编档案的细节。

以下屏幕将登在你的电脑上:

指挥工作成功执行后,该要素的案文——有关图西里点的印本在奥索尔。

Xpath Locator with Text

一旦我们浏览一个网页,我们就必须与网页上的现有网站进行互动,例如点击连接/布顿,进入一个信箱内的案文,从而完成我们的自动化测试。

我们可以为确定其身份创造一个要素。 然而,有些情况是,没有可独一无二地识别某一要素的超文本属性或标签。

在这种情况下,我们可以利用案文功能,在页面上可见的文本的帮助下,为某一要素创造Xpath。 案文功能对案件敏感。

下面讨论用可见文字制作Xpath表述的规则。

x as follows −

//tagname[text()= displayed text ]. 

例如,

//p[text()= WebdriverIO ]

让我们在Xpath可见的文本的帮助下,确定以下图像中强调的内容:

采用(a)案文功能的上述要素的xpath如下:

//p[text()= About Tutorialspoint ] 

首先,遵循从“幸福之路”一至五条步骤,与“网络繁荣”连接,如下:

。 题为“从诺德JS开始的结晶”的章节详细介绍了如何安装这些装置。

。 关于如何安装这一装置的细节见题为“建立国家预防机制”的章节。

。 关于如何安装这些装置的细节见题为VS代码安装的一章。

。 关于如何进行安装的细节见题为“配置文件生成”的章节。

Step 5——建立光谱档案。 关于如何安装这些装置的细节见题为“Mocha装置”的章节。

在制作的Mocha光谱档案中添加以下代码。

// test suite name
describe( Tutorialspoint apppcation , function(){
   //test case
   it( Identify element with Xpath - text() , function(){
      // launch url
      browser.url( https://www.tutorialspoint.com/about/about_careers.htm )
      //identify element with xpath - visible text then obtain text
      console.log($("//p[text()= About Tutorialspoint ]").getText() + " - is the text.")
   });
});

档案——由指挥部存档。

npx wdio run wdio.conf.js. 

在题为“Wdio.conf.js案”的章节和题为“编造档案”的章节中详细讨论了如何建立汇编档案的细节。

以下屏幕将登在你的电脑上:

指挥工作成功执行后,该要素的案文——有关图西里点的印本在奥索尔。