WebdriverIO - CSS Locator

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

为此,我们的首要任务是确定这一要素。 我们可以为确定其身份创造要素。 下面将讨论形成一种表达方式的规则:

cs的辛子如下:

tagname[attribute= value ]

这里,标题是任择的。 我们还可以具体利用id和阶级特性形成一种表达。

粗略地说,标语的形式应为标语。 例如,投入编号[如果投入是标的,txt是否定性归属的价值]。

标语的表述形式应为标签。 班级。

例如,

input.cls-txt 

这里,投入是标的,cl是等值。

在《网络用户代码》中,我们可以具体说明如下格式的某一要素的表述方式:

$( value of the css expression )

或者,我们可以将这一表述放在如下变量中:

const p = $( value of the css expression )

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

以上重点内容的标语应为标题。

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

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

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

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

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

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

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

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

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

npx wdio run wdio.conf.js

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

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

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