Automating Canvas Applications Using Selenium

Automating CanvasApplications Using Selenium Dave Hunt: @davehunt82 Andy Smith: @andismith

What is Canvas?

The Wilderness Downtown http://www.thewildernessdowntown.com/

Pirates Love Daisies http://www.pirateslovedaisies.com/

20 Things I Learned http://www.20thingsilearned.com

DEMOHuman playing Helicopter

Inside Information function gameData() { return { altitude: 20, caveCeiling: [90, 80, 85], caveFloor: [10, 5, 10] } }

Flight School• Disabled obstacles• Compensate momentum• Field of vision• Minimise requests

DEMOSelenium playing Helicopter without obstacles

Visual Feedback• Reintroduced obstacles• Created a ‘Heads up display’• Fine-tuned ﬁeld of vision

DEMOSelenium playing Helicopter with HUD

Crash Testingdef testShouldCrashIntoCeiling(self): base_page = BasePage(self.driver) base_page.start_game() base_page.engage_thrusters() base_page.wait_until_crash() self.assertEquals(base_page.helicopter_altitude, 90)def testShouldCrashIntoFloor(self): base_page = BasePage(self.driver) base_page.start_game() base_page.wait_until_crash() self.assertEquals(base_page.helicopter_altitude, 14)

How can we do this?• Work together• Establish testing requirements• Write automation hooks• Consider visual feedback• Create tests!

http://bit.ly/selenicopter @davehunt82 dhunt@mozilla.com@andismith andi.smith.uk@gmail.com

http://automated-testing.info	138
http://autotest.aexchecker.com	3
http://www.automated-testing.info	1

Automating Canvas Applications Using Selenium

by davehunt82

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 142

Statistics

Automating Canvas Applications Using Selenium Presentation Transcript