WebdriverIO - 常用瀏覽器命令

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

browser.url(URL)

此命令用於啟動一個應用程式，其 URL 作為引數傳遞。

語法

語法如下：

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

首先，按照標題為“使用 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('Identify element with Id', function(){
      // launch url
      browser.url('https://the-internet.herokuapp.com/redirector')
      //identify element with id then click
      $("#redirect").click()
      //obtain page title
      console.log('Page title after click: ' + browser.getTitle())
   });
});

browser.getTitle()

此命令用於獲取當前在瀏覽器中啟動的頁面的標題。該值以字串的形式返回。此命令不接受任何引數。如果頁面沒有標題，則返回空字串。

語法

語法如下：

browser.getTitle()

首先，按照標題為“使用 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 name
   it('Get Page Title', function (){
      // URL launching
      browser.url("https://tutorialspoint.tw/about/about_careers.htm")
      //print page title in console
      console.log(browser.getTitle())
   });    
});

browser.getUrl()

此命令用於獲取當前在瀏覽器中啟動的頁面的 URL。該值以字串的形式返回。此命令不接受任何引數。

語法

語法如下：

browser.getUrl()

首先，按照標題為“使用 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 name
   it('Get Url', function (){
      // URL launching
      browser.url("https://tutorialspoint.tw/index.htm")
      //print URL in console
      console.log(browser.getUrl())
   });    
});

browser.getPageSource()

此命令用於獲取當前在瀏覽器中啟動的頁面的頁面原始碼。該值以字串的形式返回。此命令不接受任何引數。

語法

語法如下：

browser.getPageSource()

首先，按照標題為“使用 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 name
   it('Get Page Source', function (){
      // URL launching
      browser.url("https://tutorialspoint.tw/index.htm")
      //print URL in console
      console.log(browser.getPageSource())
   });    
});

browser.maximizeWindow()

此命令用於最大化當前瀏覽器視窗。

語法

語法如下：

browser.maximizeWindow()

首先，按照標題為“使用 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 name
   it('Maximise Browser', function (){
      // URL launching
      browser.url("https://tutorialspoint.tw/questions/index.php")
      //maximize browser
      browser.maximizeWindow()
   });    
});

列印頁面