WebdriverIO - 瀏覽器尺寸處理

在 WebdriverIO 中進行自動化測試時，我們可能需要設定視窗大小並獲取視窗大小。視窗大小是指視窗的高度和寬度。

browser.setWindowSize(250, 450)

此命令用於設定視窗大小。這裡，視窗大小將設定為寬度 - 250 和高度 - 450。

語法

語法如下：

browser.setWindowSize(250, 450)

browser.getWindowSize()

此命令用於獲取視窗尺寸。

語法

語法如下：

browser.getWindowSize()

首先，請按照“使用 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('Dimension', function(){    
      // launch url
      browser.url('https://tutorialspoint.tw/index.htm')
      //set window size
      browser.setWindowSize(500, 450)
      //get window size
      console.log(browser.getWindowSize())
   });
});

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

npx wdio run wdio.conf.js 

有關如何建立配置檔案的詳細資訊，請參閱“wdio.conf.js 檔案”章節和“配置檔案生成”章節。

您的計算機上將出現以下螢幕：

成功執行命令後，瀏覽器視窗的尺寸 {width: 500, height: 450} 將列印在控制檯中。