WebdriverIO - 瀏覽器導航命令

---

---

下面列出了一些 WebdriverIO 中使用的瀏覽器導航命令：

browser.navigateTo(URL)

此命令用於導航到 URL 作為引數傳遞的應用程式。

語法

語法如下：

browser.navigateTo('https://the-internet.herokuapp.com/redirector')

browser.back()

此命令用於在瀏覽器歷史記錄中後退。

語法

語法如下：

browser.back()

browser.forward()

此命令用於在瀏覽器歷史記錄中前進。

語法

語法如下：

browser.forward()

browser.refresh()

此命令用於重新整理當前網頁。

語法

語法如下：

browser.refresh()

首先，請按照標題為“使用 WebdriverIO 的成功路徑流程”的章節中的步驟 1 到 5 進行操作，步驟如下：

步驟 1 - 安裝 NodeJS。有關如何執行此安裝的詳細資訊在標題為“使用 NodeJS 入門”的章節中詳細說明。

步驟 2 - 安裝 NPM。有關如何執行此安裝的詳細資訊在標題為“NPM 安裝”的章節中詳細說明。

步驟 3 - 安裝 VS Code。有關如何執行此安裝的詳細資訊在標題為“VS Code 安裝”的章節中詳細說明。

步驟 4 - 建立配置檔案。有關如何執行此安裝的詳細資訊在標題為“配置檔案生成”的章節中詳細說明。

步驟 5 - 建立一個規範檔案。有關如何執行此安裝的詳細資訊在標題為“Mocha 安裝”的章節中給出。

步驟 6 - 將以下程式碼新增到建立的 Mocha 規範檔案中。

// test suite name
describe('Tutorialspoint application', function(){
   //test case
   it('Navigation', function(){    
      // launch url
      browser.url('https://tutorialspoint.tw/about/about_careers.htm')
      // navigate to another url
      browser.navigateTo("https://tutorialspoint.tw/codingground.htm")
      //navigate back in history  
      browser.back()
      //get title back in browser history
      console.log('Back in Browser history: ' + browser.getTitle())
      //navigate forward in history  
      browser.forward()
      //get title forward in browser history
      console.log('Forward in Browser history: ' + browser.getTitle())
      //refresh browser
      browser.refresh()
      //get title after refresh
      console.log('Page Title after refresh: ' + browser.getTitle())
   });
});

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

npx wdio run wdio.conf.js

有關如何建立配置檔案的詳細資訊在標題為“wdio.conf.js 檔案”和“配置檔案生成”的章節中進行了詳細討論。

您的計算機上將顯示以下螢幕：

成功執行命令後，將列印在瀏覽器歷史記錄中後退後獲得的頁面標題 - 關於 Tutorials Point 的職業生涯 - Tutorialspoint。

然後，列印在瀏覽器歷史記錄中前進後獲得的頁面標題 - 免費線上 IDE 和終端。

最後，列印頁面重新整理後獲得的頁面標題 - 免費線上 IDE 和終端。