JavaScript Testing VIA Selenium

JavaScript Testing VIA Selenium

• 1.
  JS Testing VIASelenium The good, the bad, the obvious. @admc
• 2.
  Do you havea beer? If you look at your hand, and it doesn’t have a beer... Thanks Yammer for hosting! This is going to be ninja fast and to the point.
• 3.
  Why? Again... Web Applications- getting bigger More complex More browsers and devices Client side apps are built in JS Nothing new, still hard to test.
• 4.
  It’s better nowthan it was Selenium 1 selenium.getEval("this.browserbot.getCurrentWindow().docum ent.getElementById(‘mything’).click()"); - WTF Selenium 2 / WebDriver x.execute("window.location.href", function(o) { console.log(o) }) - WINNER
• 5.
  The Testable Bits You should have backend unit tests You should have web services tests You should have JavaScript Unit tests You should have JavaScript Functional tests You should have client side SE Tests
• 6.
  Testing Pyramid FTW. Start at the bottom.
• 7.
  JavaScript Testing VerifyingDOM - verify attributes Firing Events - verify callback results Network Calls - verify mock callback results JavaScript Code - verify state
• 8.
  Using Execute JavaScript State selenium.execute(“window.myApp.mystate == true”) Network selenium.execute_async + foo unit or Mock.js, JSMock, etc Events selenium.execute_async - Google it :) Some extra setup here DOM assert selenium.execute(“$(‘#mydiv’).width == ‘50px’”)
• 9.
  Client Side UnitTests Launch browser/environment Load up FooUnit, QUnit, Jasmine, or your “home brew” Selenium.execute to retrieve results Don’t worry, we are going to beat this horse to death!
• 10.
  My Selenium 2Vision Launch Browsers - FAST Navigate to pages Execute JavaScript Assert results Drink a beer.
• 11.
  SE 2 isImportant The vision of a shared browser automation API Continuing to be more performant A community and dedication from Google Ongoing browser and version support - new releases
• 12.
  Tool Chains The powerof SE 2 Client side JavaScript Unit Test Frameworks Raw JavaScript access to the DOM CI Systems All things combined, we are captain tester!
• 13.
  Q&A http://admc.io https://github.com/admc/ @admc