將網頁元件資訊與自動化測試邏輯分離(Page Object的應用)

將網頁元件資訊與自動化測試邏輯分離(Page Object的應用) 這篇文章主要說明當網頁元件頻繁的修改時要如何減少程式的修改? 從網頁作 End to End 的網站自動化測試其中一個最大的困難是畫面修改時, 自動化測試程式也必須對應的修改。因此,如何將程式修改的範圍減少, 或是更有效率的管理這些畫面的修改就是這篇要討論的重點。 我們主要介紹 Page Object 的設計觀念,並且用一個實作說明。 什麼是 Page Object? 如下圖所示,左邊沒有使用 Page Object…

Read More

網頁動畫測試程式如何凸顯電腦目前的操作狀態?

網頁動畫測試程式如何凸顯電腦目前的操作狀態? 這篇文章主要說明當自動化測試程式進行時, 往往因為電腦的操作速度很快,同時又沒有滑鼠游標的情況下, 我們怎麼知道當前電腦操作到哪裡? 因此,我們會提供一個簡單的程式(Java/Python)範例 說明當自動化測試程式進行中如何凸顯當下電腦操作的網頁元件。   程式如何實作? 要改變網頁元件的屬性顏色,我們主要透過 JavaScript 的執行來達成。driver.execute_script() 利用設定屬性的方式,將該網頁元件的 CSS style 改變。 driver.execute_script(“arguments[0].setAttribute(‘style’, arguments[1]);”, WebElement, “background: yellow;…

Read More