Selenium IDE 界面簡介

本文來源於:https://www.cnblogs.com/jin-wen-xin/p/4837888.html    

介紹Selenium IDE

    Selenium IDE 是工具套件中最簡單的哦!通過錄制並重播功能,可以快速創建測試用例。這個跟QTP中的對應部分類似。不用怎麼費勁就能學會。

    因爲它很簡單,IDE只能用來分析元素的原型,而不是創建全套的複雜的測試用例。

    雖然你可以沒有編程知識就來學習,但你也必須熟悉HTML, JavaScript,和DOM才能用好這個工具。在我們學習命令“runScript”的時候會用到JavaScript的知識。

    Selenium IDE在創建測試時,支持自動完成命令。這個功能有兩個目的:

  • 幫助測試者快速輸入命令
  • 限制了用戶輸入無效命令

Selenium IDE的特點

菜單欄

    在IDE的最頂端。其中File Edit和Options按鈕比較常用

文件菜單

  • 包括了創建,打開,保存和關閉測試。
  • 測試都保存成HTML格式
  • 最有用的選項是“導出Export”。你可以把IDE創建的case保存成RC和WebDriver用的格式。

          . 導出測試case,只導出目前打開的case。

          . 導出測試suite ,把最近打開的測試suite裏的case都導出來

編輯菜單

  • 包括常規選項,撤銷,重做,剪切,複製,粘貼,刪除和全選功能。
  • 兩個最重要的選項是“插入新的命令”和“插入新註釋”。

 

  • 新添加的命令和註釋將會插入到當前選中行的上面。
  • 命令用黑色表示。
  • 註釋用紫色表示。

選項菜單

它提供了配置不同設置的界面。

Options和Clipboard Format(剪貼板格式)將作爲重點討論。

  剪貼板格式

  • 剪貼板格式讓你可以從編輯器複製一個Selenese 命令並粘貼到代碼中。
  • 代碼的格式可以從列表中選擇。
  • HTML是默認的選項。

例如,當你選擇C#/NUnit/WebDriver作爲剪貼板格式,每個你從editor裏面複製一個命令,粘貼的話就是C#格式,可以貼到代碼裏。

 

  driver.FindElement(By.Name("username")).Clear();
  driver.FindElement(By.Name("username")).SendKeys("test");

Selenium IDE 選項對話框

    點菜單欄中的選項(Options)>選項...(Options...)可以打開Selenium IDE選項對話框。有很多設置選項,我們只介紹重要的。

  • 默認超時值。指Selenium等待一個元素出現最多等這麼長時間。過這麼長時間還不出來,就報錯了。
  • IDE 擴展。在這選擇擴展IDE功能的插件。可以在 http://addons.mozilla.org/en-US/firefox/搜索Selenium相關的擴展。
  • 記住基址。勾上這個選項,IDE打開時會記住Base URL,否則, Selenium IDE將會載入時置空Base URL。
  • 自動開始錄製。選中後,每當開始時,Selenium IDE會立刻開始記錄瀏覽器動作
  • Locator定位器構造。選擇生成的定位器首要考慮的元素。定位器告訴Selenium IDE動作發生在哪個UI Element上。如果你點了個元素有ui的屬性,ui將會作爲定位器

Base URL 欄

  • Base URL中的下拉菜單可以記住您前幾次的輸入值。
  • Selenese 命令 “打開(open)”會打開你在Base URL裏面輸入的網頁。
  • Base URL在 訪問相對地址的時候很好用。假設你的Base URL設置爲http://newtours.demoaut.com,那麼執行open,target設置爲signup的時候,Selenium IDE會直接訪問登錄頁面。

工具欄

 

回放速度設定。控制執行測試腳本的速度。

錄製。開始/結束你的錄製會話。每個瀏覽器的行爲你都要在編輯器裏面用Selenese命令錄入。

執行所有的測試。將會依次執行這個測試suite集合中的所有測試用例。

執行當前測試。

暫停/繼續。將會暫停或者繼續你的回放操作

步驟。可以步進你的腳本。

集合步驟. 把一組命令當成一個action動作來執行。

 測試用例面板

  • 在Selenium IDE裏面,你可以同時打開多個case。
  • case面板裏顯示了你當前打開的測試case。
  • 當你打開了一個測試集合,測試用例面板會自動把裏面包含的case都列出來。
  • 用粗體標出的case是你現在選中的。
  • 運行完case後,用紅色背景顯示的case是沒過的。綠色的是通過的case。
  • 最下面的部分是關於case情況的彙總。

 

編輯器

編輯器記錄了所有動作過程。可以以表格或者代碼形式查看。

表格視圖

  • 大部分時間,我們都在表格視圖下作業。
  • 我們在表格裏創建和修改Selenese 命令。
  • 在運行後,每一步都會被顏色標註是否通過。

在command旁邊的文本框裏輸入命令。命令伴有一些提示。Target是對於該命令可以傳入的參數。Value裏面輸入對應的值

代碼視圖

  • 這裏以HTML格式展示所有步驟
  • 也可以直接在這裏面修改腳本

日誌面板

日誌面板記錄了運行時的消息。是自動更新的。日誌分爲四類。

  • Debug-調試 默認情況下,debug級別的信息不會顯示。你要看,得自己過濾。他們說明了底層的一些執行狀況。可能只是某個模塊正在加載,或者某個函數被調用的信息。
  • Info-信息 顯示Selenium IDE正在調用的命令
  • Warn-警告 在特殊場合下遇到的警告
  • Error-錯誤 Selenium IDE在執行過程中遇到的錯誤,比如說某個結果跟預期不符。

日誌可以用篩選器來篩選看某個分類。

參考面板

告訴你當前選中的命令是做什麼的,怎麼用,該傳什麼值。

界面元素面板

這個界面是給比較熟悉Selenium的用戶使用的。採用了JSON去定義元素匹配。這些文檔和資源在Help裏面可以找到。

UI元素的信息顯示如下。

合併面板

把幾個命令合併成一個組,然後算作一個命令來執行。一組命令被稱作一個ROLLUP。好像編程語言裏一個函數裏面包含多個語句一樣。

Rollup是可以重複使用的。如果把一些命令壓縮成一個rollup A,那麼下次你用rollup A就可以調用這些命令了。

rollup會生成一個tab來顯示

總結

  • Selenium IDE是整個套件裏最簡單的。
  • 只能是一個原型工具
  • 需要JS和HTML的知識。Rollup是一些可重用的命令集合。Locators是你告訴IDE怎麼找到元素的描述。
  • Firebug是獲取locator值的工具。
  • 菜單欄用來創建,修改,導出RC,WebDriver可以識別的格式的測試用例。
  • Selense命令的默認格式是HTML。
  • 選項菜單提供了關於IDE更多配置。
  • Base URL基址在訪問相對地址比較有用。
  • 測試用例面板顯示打開的case和關於測試結果的彙總。
  • Editor編輯器提供了修改腳本的入口
  • 表格試圖以表格形式等你鍵入Command,target,value。而代碼視圖用HTML來顯示你的腳本。
  • 日誌和參考頁面提供了一些執行case可能需要的信息。
  • UI-Element和Rollup是給比較熟悉Selenium工具的用戶使用的。需要相當的JS編程經驗。
  • UI-Element允許我們使用json來匹配UI元素。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章