Develop and test custom components
for Sencha Touch
Nils Dehl, Senior Developer / Trainer
Twitter: @nilsdehlMail: [email protected]
Agenda
About me
Introduce Sencha Touch
Custom Components
Testing
Q & A
Nils Dehl
Senior Developer
Trainer
Sencha Meetup Frankfurt
Conference Talks
Sencha Forum: mrsunshine
@nilsdehl
Sencha Touch
Sencha Touch 2
HTML5 mobile application framework
works on iOS, Android, BlackBerry, Windows 8, ...
Features
Smoother Scrolling and Animations
Adaptive Layouts
Native Packaging
Components: Lists, Dataviews, Toolbars, Charts, ...
Custom Components
Demo
Styling
Custom Events
Testing
Testing in Chrome
Position right Settings
Testing with Simulator
Test in iOS Simulator (Xcode)
Remote debugging with Safari
Settings >
Safari >
Advanced >
Web Inspector = ON
Remote debugging with Safari
Siesta
Siesta
http://www.bryntum.com/products/siesta/
Siesta is a JavaScript unit testing tool
Testing of the DOM and simulate user interactions
Sencha Touch, jQuery, Ext JS, NodeJS,YUI etc.
Run Tests in
the Browser
NodeJS
Write unit tests in plain Javascript
Siesta Testrunner Browser
Siesta Testrunner Browser
Siesta Testrunner Mobile
Harness
Test
Demo
Real world test
d dkdevelopmentkommunikationdesign
thank you.
? ??
@nilsdehl
slideshare.net/nilsdehl/
Vote Talk: https://joind.in/8589