Selenium UI Test

1. 前端網頁自動測試
如何使用 selenium 來測試網站
Jimmy

2. 電影裡的駭客

3. 真實世界的工程師

4. 程式寫越多

5. 通常Bug 就更多

6. 測試 ?

7. 現實生活中的測試方式

9. 多Browser又怎麼測試

11. 壓力測試 ?

16. 我使用 Apache JMeter

17. But….

18. 今天不談壓力測試

19. 今天只談 UI 測試

20. 如何做好品質管理?

21. 請善用工具，做適當的測
試

22. 進入主題

23. Selenium

24. Selenium is
● Browser base Web Application testing tool
● Open Source License
● Support Mobile Testing Android / IOS
● Write Test case using Language of
Java,C#,Python,Ruby..

26. Selenium
● Selenium Core
● Selenium IDE
● Selenium RC(Remote Control)
● Selenium WebDrivers
● Selenium Grid
Selenium IDE
Selenium RC
Selenium
WebDrivers
Selenium Grid

27. Selenium History
2004 年 ：由Jason Huggins 為了 ThoughtWorks開發出來的
(Selenium core,IDE,RC)
2007 年 ： Google 的Simon Stewart 發起 webDriver
2008 年：selenium 與 webDriver結合 (Selenium2)

28. Selenium IDE
● add-on for Mozilla Firefox
● record, edit, and debug tests
● recording the Script

29. Selenium IDE
● install (firefox 外掛)
http://docs.seleniumhq.org/download/
Selenium IDE
Selenium RC
Selenium
WebDrivers
Selenium Grid

30. Selenium IDE
● record

31. Demo

32. 前端自動測試我知道二種

33. 圖形比對
網頁內容操作比對

34. 原本今天不是要講
Selenium

35. 是要談 Sikuli

37. 後來發現
Selenium
比我想像中的強

38. 所以....

39. 繼續看下去

40. Selenium WebDriver
● WebDriver is designed in a simpler and more
concise programming interface along with
addressing some limitations in the Selenium-RC
API.
● WebDriver is a compact Object Oriented API when
compared to Selenium1.0
● It drives the browser much more effectively and
over comes the limitations of Selenium 1.x which
affected our functional test coverage, like the file
upload or download, pop-ups and dialogs barrier
● WebDriver overcomes the limitation of Selenium
Rc's Single Host origin policy
Selenium IDE
Selenium RC
Selenium
WebDrivers
Selenium Grid

41. Selenium WebDriver

42. Selenium WebDriver support
AndroidDriver
ChromeDriver
EventFiringWebDriver
FirefoxDriver
HtmlUnitDriver
InternetExplorerDriver
PhantomJSDriver
RemoteWebDriver
SafariDriver

43. Selenium WebDriver support
Java
C#
Python
Ruby
Perl
Javascript

44. Selenium WebDriver (以Java為例)
@Before
public void setUp() throws Exception {
driver = new FirefoxDriver();
baseUrl = "http://autotest.localhost.com/";
driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);
}
@Test
public void testLogin() throws Exception {
driver.get(baseUrl + "/index.php");
driver.findElement(By.id("username")).clear();
driver.findElement(By.id("username")).sendKeys("jimmy");
driver.findElement(By.id("password")).clear();
….略.....
}
@After
public void tearDown() throws Exception {
driver.quit();
….略.....
}
}

45. Demo

46. Selenium RC Architecture
Selenium IDE
Selenium RC
Selenium
WebDrivers
Selenium Grid

47. Selenium RC Architecture

48. Selenium Client Driver

49. Selenium RC Setup
http://seleniumhq.org/download
Extract the ZIP file.
Start a Command Prompt or a console window and
navigate to where the ZIP file was extracted.
Run the command
java –jar selenium-server-standalone.jar

50. Selenium Client Driver
There is a different client library for each supported language.
A Selenium client library provides a programming interface (API), i.e., a
set of functions, which run Selenium commands from your own program.
The client libraries provide the programming support that allows you to
run Selenium commands.

51. Demo

52. 心得
● 降低bug的產生，提高程式的品質
● 更熟悉流程的正確性
● 利用夜間排程，進行自動測試

53. Q / A