1. Selenium IDE

2. Benefits Selenium IDE is full-featured Selenium version with GUI Easy to install (Firefox plugin) Plugin support Intelligent field selection will use IDs, names, CSS or XPath as needed Save tests as HTML, Ruby scripts, or any other format Support all common Selenium commands Easy record and playback Experimental WebDriver support

3. Install Open http://docs.seleniumhq.org/download/ in Firefoxhttp://docs.seleniumhq.org/download/ Download and install latest released version Restart Firefox

4. Interface

5. Locators Practice: Selenium context menu, visual locator LocatorExampleDescription idid=destinationFormMatch element by id namename=fromMatch element by name identifieridentifier=destinationFromMatch element by id or name csscss=#destinationFromMatch element by css selector xpathxpath=//input[@name=‘from’]Match element by xpath

6. Wait commands Practice: Overview other “waitFor” commands CommandAttributeValue waitForPageLoadTimeout waitForConditionScriptTimeout waitForPopupwindowIDTimeout waitForAlert

7. Actions Practice: Open google.com homepage and search “Selenium IDE” CommandAttributeValue openpath clickLocator typeLocatorText to type selectLocatorOption Locator close runScriptScript

8. Verify commands Practice: other verify commands overview CommandTargetValue verifyTitlePattern verifyElementPresentLocator verifyAttributeLocator@AttributeNameAttributeValue verifyCookieByNameCookieNameCookieValue verifyTextPresentPattern verifyEvalScriptExpected script return

9. How to verify CSS? Command: verifyEval Target: window.getComputedStyle(window.document.getElementById(“myID”)).getPropertyValue('color'); Value: rgb(255,255,160) Practice: Try to verify logo width on maxymiser.com

10. Practice Find 10 differences game