Quality Best Practices & Toolkit for Enterprise Flex

®

Copyright 2008 Adobe Systems Incorporated. All rights reserved.

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

http://max.adobe.com/na/sessions/browser/

®


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

http://www.ossgtp.org/

http://www.parisjug.org/

http://www.qsos.org/

http://xradar.sourceforge.net/

http://max.adobe.com/na/sessions/browser/

http://www.solutionslinux.fr/

®


François Le Droff

blog : http://www.droff.com

http://www.droff.com/

http://www.droff.com/

®


Et vous ?

Flex ?

FlexUnit ?

Fluint ?

FlexCover ?

FlexMonkey ?

RiaTest ?

Build and CI ?

Ant ?

Maven ?

Hudson ?

®


Agenda

Unit Test Best Practice (Alex )

FlexUnit

FlexUnit Demo

Mock

Code Coverage

Functional Test

Load Test

Static Code Analysis

Build

Continuous Integration

®


UnitTestBest Practices

®


Our Agile Testing Principles.

Test Concerns Separately Test Many Things At Once

Test Everything –

Frameworks, Integration

etc.

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

All

®


State Verification

Object under

test

Exercise

Assert return

Assert stateUnit test

®


FlexUnit

®


Flex Frameworks and Tools: UnitTesting

FlexUnit : http://opensource.adobe.com/wiki/display/flexunit/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

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

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

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

®


Demo

®


Mock

®


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

Interface

Domain Test DoubleInterface

public function PolicyPM( policyValidator : IPolicyValidator )

{

}

model = new PolicyPM( new PolicyValidator() );

model = new PolicyPM( new PolicyValidatorDummy() );

15

®


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;

}

20

®


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

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




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



®


Hudson

®


Sonar

®


Functional Tests

®


Flex Frameworks and Tools: Testing

Functional Testing

OS:

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/

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

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

®


Flex PMD

®


Demo FlexPMD

®


Build

®


Flex Frameworks and Tools: Building

Ant :

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

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

®


Managing Dependencies

®


Flex Frameworks and Tools: UnitTest within your Build

FlexUnit within your build

Maven

FlexMojos V3 est un projet sonatype

Sonatype et Adobe travaillent ensemble pour le support FB dans m2eclipse

®


FlexPMD within your build

Maven

®


CI

®


Flex Frameworks and Tools: Building and CC

Quality within your build : CC

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

http://localhost:9999/hudson/

®


Des questions ?

Quality Best Practices & Toolkit for Enterprise Flex

Technology

behavior verification

agile testing

projet sonatype

code coverage

ireceivingconnectionreturn

rights reserved

flex frameworks

flex