quality best practices & toolkit for enterprise flex

Quality Best Practices

& Toolkit for

Enterprise Flex

Xavier Agnetti

Adobe Consulting

A Flex geek :

leader FlexPMD

Contributeur FlexUnit

conférencier à MAX,

Contact:

xagnetti<at>adobe.com

François Le Droff

Adobe TXI (Technology & eXperience Innovation)

10 ans (RIA & web 1+n.0)

OSS geek :

membre de

ossgtp, du ParisJUG,

Tontons Flexeurs

contributeur sur qsos, xradar , fna

conférencier à MAX, Solution Linux, Tontons Flexeurs,

BreizhJUG, RiveriaJUG

Contact:

ledroff<at>adobe.com

François Le Droff

blog : http://www.droff.com

Et vous ?

Flex ?

FlexUnit ?

Fluint ?

FlexCover ?

FlexMonkey ?

RiaTest ?

Build and CI ?

Maven ?

Hudson ?

Agenda

Unit Test Best Practice (Alex )

FlexUnit

FlexUnit Demo

Code Coverage

Functional Test

Load Test

Static Code Analysis

Continuous Integration

UnitTestBest Practices

Our Agile Testing Principles.

Test Concerns Separately Test Many Things At Once

Test Everything –

Frameworks, Integration

Accept and Minimize

Untestable Code

Persistence Layer

Translators /

Utilities

Commands /

Delegates

Presentation Behavior Layer

Flex - Testing Concerns Separately

Persistence Definition Layer

Network Access

Brokers /

DataModels

File Access LocalConnection

Presentation Graphic Layer

MXML UIComponent DisplayObject

Domain / Application Layer

Utilities /

Factories Domain Models

Utilities

Application Models

Presentation Models

VehicleDescriptorView

AccidentWizardView

VehicleDescriptorPM

AccidentWizardPM

CarCompany

Customer

IncidentDescriptor

SaveReportCommand

IncidentReportTranslator

“saveReport”

RemoteObject

Test First Test Last

Run Tests Continuously One Test Suite Rules Them

State Verification

Object under

Exercise

Assert return

Assert stateUnit test

FlexUnit

Flex Frameworks and Tools: UnitTesting

FlexUnit : http://opensource.adobe.com/wiki/display/flexunit/FlexUnit

Flex Frameworks and Tools: Unit Testing

FlexUnit

Very similar to JUnit

Event test enabled

FlexUnit Html Reports:

FlexUnit Dashboards:

Flex Unit Next

Fluint : http://code.google.com/p/fluint/

FlexUnit4 : http://opensource.adobe.com/wiki/display/flexunit/FlexUnit+4+feature+overview

Demo FlexUnit

Persistence Layer

Translators /

Utilities

Commands /

Delegates

Presentation Behavior Layer

Testing Events

Persistence Definition LayerNetwork Access

Brokers /

DataModels

File Access LocalConnection

Presentation Graphic LayerMXML UIComponent DisplayObject

Domain / Application Layer

Domain Models

Utilities

Application ModelsUtilities /

Factories

Presentation Models

Isolating The Object under Test

Object under Test

Depended-on Object

Test Double

Production

Unit Tests

Substitution via Dependency Injection (IoC)

Substitution via Dependency Injection

Object under Test

Domain

Interface

Domain Test DoubleInterface

public function PolicyPM( policyValidator : IPolicyValidator )

model = new PolicyPM( new PolicyValidator() );

model = new PolicyPM( new PolicyValidatorDummy() );

Behavior Verification Testing What Objects Do Behind the Scenes

PolicyPMTest

PolicyValidatorMock

PolicyPM

Set expected

behavior

Assert stateExercise

Exercise

Behavior Verification Testing What Objects Do Behind the Scenes

var mock : PolicyValidatorMock = new

PolicyValidatorMock();

mock.mock.method( “validate” ).withNoArgs.once;

//exercise

var model : PolicyPM = new PolicyPM( mock );

model.next();

mock.mock.verify();

Behavior Verification

Testing Internal Behavior

State Verification First

Testing Public API

Write Test as Code

ExamplesWrite Java/AS Docs

Making Untestable APIs Testable

public class LocalConnectionWrapper extends LocalConnection

implements ILocalConnection

Production Code

public interface ILocalConnection extends ISendingLocalConnection,

IReceivingLocalConnection

Making Untestable APIs Testable

public interface ISendingLocalConnection extends IEventDispatcher

function send( connectionName : String, handler : String, ...args ) : void;

public interface IReceivingLocalConnection

function set client( value : Object ) : void;

function allowDomain( ...domains ) : void;

function connect( connectionName : String) : void;

function close() : void;

Substitution via Overriding

Object under Test Untestable behaviour

Test Subclass Substitution

protected function createReceivingConnection() : IReceivingConnection

return new LocalConnectionWrapper();

Production Code

override protected function createReceivingConnection() :

IReceivingConnection

return new LocalConnectionMock();

Test Subclass

var mock : LocalConnectionMock = new LocalConnectionMock();

mock.mock.method( “send” ).withArgs( “connection” ).once;

//exercise

var connector : TestSubclass = new TestSubclass( mock );

connector.go();

mock.mock.verify();

Mock tooling

Mock Frameworks

mock-as3: http://code.google.com/p/mock-as3

Used by Adobe Consulting

Mock4AS: http://code.google.com/p/mock4as

Code Coverage

Code Coverage Flexcover - Custom Compiler Approach

http://code.google.com/p/flexcover

Code Coverage Flexcover - Custom Compiler Approach

http://code.google.com/p/flexcover

Hudson

Functional Tests

Flex Frameworks and Tools: Testing

Functional Testing

Selenium for Flash

FlexMonkey, FunFX

Mercury QTP

IBM Rational Functional Tester

RIATest

Load/Stress/Endurance Tests

Flex Frameworks and Tools: Testing

Load and Stress Testing

JMeter, OpenSTA, Grinder

Other commercial (Flex/AMF specific) products :

NeoLoad

WebLoad

Static Code Analysis

Flex Frameworks and Tools: Building : Quality

Quality Reports within your build

AS3NCSS

http://localhost:9999/hudson/job/cairngorm/site/javancss.html

FlexPMD

http://localhost:9999/hudson/job/cairngorm/12/pmdResult/

Flex PMD

Demo FlexPMD

Flex Frameworks and Tools: Building

FlexAntTasks

Ant : Antennae

• Maven :

• Flex-mojos• Alternatives :

• ServeBox (Projet Français)

• and Israfil

• Archetypes

FlexMojos V3 est un projet sonatype

Sonatype et Adobe travaillent ensemble pour le support FB dans m2eclipse

Managing Dependencies

Maven (or Ant + Ivy)

Demo : http://localhost:9999/hudson/job/cairngormenterprise/site/dependencies.html

Managing Dependencies

Flex Frameworks and Tools: UnitTest within your Build

FlexUnit within your build

FlexMojos V3 est un projet sonatype

Sonatype et Adobe travaillent ensemble pour le support FB dans m2eclipse

FlexPMD within your build

Flex Frameworks and Tools: Building and CC

Quality within your build : CC

Demo : http://localhost:9999/hudson/

Des questions ?

quality best practices & toolkit for enterprise flex

behavior verification

agile testing

projet sonatype

code coverage

ireceivingconnectionreturn

rights reserved

flex frameworks

flex

Technology

social enterprise learning toolkit (business operations...

small and medium enterprise (sme) toolkit

enterprise architecture toolkit screenshots

enterprise risk management toolkit for charities and ... ·...

flex system enterprise chassis - cnet content solutions ·...

social enterprise learning toolkit (leadership module)

second annual enterprise flex symposium -...

social enterprise learning toolkit (financial analysis...

enterprise architecture toolkit overview

enterprise toolkit & support user guide

social enterprise learning toolkit (background)

the creative enterprise toolkit - nesta

microsoft biztalk enterprise service bus toolkit · pdf...

creative enterprise toolkit portuguese

flex for enterprise applications

cisco collaboration flex plan meetings- enterprise

social enterprise learning toolkit (governance module)

schools’ enterprise education network resource toolkit 3...

introducing flex enterprise

oracle jet: enterprise-ready javascript toolkit