jsday.it - develop and test custom components for sencha touch by nils dehl

Develop and test custom components

for Sencha Touch

Nils Dehl, Senior Developer / Trainer

Twitter: @nilsdehlMail: nd@dkd.de

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/

nd@dkd.de

Vote Talk: https://joind.in/8589