Tester ses Behaviors Marionette.js. Talk présenté le 10 novembre 2015 au meetup Backbone.js Paris S02E01.

1. 1
TESTERTESTER SESSES BEHAVIORSBEHAVIORS MARIONETTE.JSMARIONETTE.JS

2. 2
@NICOESPEON@NICOESPEON
http://nicoespeon.com

3. 3 . 1
KEZAKOKEZAKO BEHAVIORSBEHAVIORS ??
> PETIT CHECK-UP> PETIT CHECK-UP

4. 3 . 2
FROM ZE DOCSFROM ZE DOCS
http://marionettejs.com/docs/v2.4.3/marionette.behavior.html
“ A Behavior is an isolated set of DOM / user interactions
that can be mixed into any View or another Behavior.
“ Behaviors allow you to blackbox View-specific interactions into
portable logical chunks, keeping your Views simple and your code DRY.

5. 3 . 3
CONCRÈTEMENTCONCRÈTEMENT
http://slides.com/stephanebachelier/marionettebehaviors#/​
Explications, implémentation et détails techniques
très bien présentés par au
meetup
Stéphane Bachelier
Backbone.js Paris S01E06

6. 3 . 4
UN EXEMPLE PRATIQUEUN EXEMPLE PRATIQUE

7. 4 . 1
TESTER SESTESTER SES BEHAVIORSBEHAVIORS, YAKA !, YAKA !
> LES PROBLÉMATIQUES> LES PROBLÉMATIQUES

8. 4 . 2
PB #1 : TESTER L'API ?PB #1 : TESTER L'API ?
const Alert = Marionette.Behavior.extend( {
defaults: {
title: "Alert!",
message: "Not really urgent"
},
events: {
"click": "emitAlert"
},
emitAlert() {
alert( this.options.message );
}
} );
it( "should emit an alert", () => {
// => This won't work
expect( Behavior.emitAlert() ).toEmitAnAlert();
} );

9. 4 . 3
PB #2 : COUPLAGE AVEC LA VUEPB #2 : COUPLAGE AVEC LA VUE
Tester une Behavior indépendamment d'une vue :
beaucoup de setup
peu de valeur ajoutée
ne vérifie pas que l'interaction
Behavior-View fonctionne bien dans notre réalité

10. 4 . 4
PB #3 : DUPLICATION DU CODE DE TESTPB #3 : DUPLICATION DU CODE DE TEST
Tester l'interaction Behavior-View dans chaque test de vue…

11. 5 . 1
SOLUTIONSOLUTION PROPOSÉEPROPOSÉE
https://github.com/nicoespeon/testing-marionette-behaviors
http://www.nicoespeon.com/fr/2015/11/tester-behaviors-marionette/​

12. 5 . 2
ARTICLES SUR LA QUESTIONARTICLES SUR LA QUESTION
http://spin.atomicobject.com/2014/09/11/marionette-
behaviors-overview/
http://spin.atomicobject.com/2014/09/12/testing-
marionette-js-behaviors/

13. 6
MERCI !MERCI ! DES QUESTIONS ?DES QUESTIONS ?