WebdriverIO - 類名定位器

一旦我們導航到網頁，我們必須與頁面上可用的網頁元素進行互動，例如點選連結/按鈕，在編輯框中輸入文字等，以完成我們的自動化測試用例。

為此，我們的首要任務是識別元素。我們可以使用元素的類名屬性來識別它。它是一個非常有用的定位器，與 xpath 相比，可以加快自動化測試的執行速度。

在 WebdriverIO 程式碼中，我們可以使用以下格式指定元素的類名屬性的值：

$('=.value of class attribute')

或者，我們可以將此表示式儲存在一個變數中，如下所示：

const p = $('=.value of class attribute')

讓我們識別下圖中突出顯示的文字並獲取其文字：

上圖中突出顯示的元素的類屬性值為 heading。

程式碼實現如下：

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

使用以下命令執行配置檔案 - wdio.conf.js 檔案：

npx wdio run wdio.conf.js

有關如何建立配置檔案的詳細資訊在標題為 wdio.conf.js 檔案和標題為配置檔案生成的章節中進行了詳細討論。您的計算機上將出現以下螢幕：

命令成功執行後，元素的文字 - About Tutorialspoint 將列印到控制檯。