Ember.JS Problemi di test di integrazione con eThen e click helper

Question

I risultati sono sorprendenti con gli helper di test di Ember andThen e click. Secondo documentation di Ember:

l'assistente andThen attenderà tutti i precedenti aiutanti asincroni per completare prima di progredire in avanti.

Tuttavia, sto trovando che questo non sembra essere sempre il caso. Nell'esempio seguente, ci sono 3 dichiarazioni console.debug. Mi aspetto che vengano registrati nell'ordine A -> B -> C. Tuttavia ottengo costantemente questo ordine: A -> C -> B. Riesco a ottenere l'ordine ABC previsto solo quando utilizzo solo uno dei due clic aiutanti. Non ci sono listener di eventi (azioni) associati all'elemento <div> a cui si fa riferimento all'interno degli helper di clic.

Qualcuno può spiegare questo comportamento imprevisto? C'è un errore nel mio utilizzo degli helper? O un bug con la struttura di test di Ember?

andThen(function() { 
    console.debug('mark A'); 

    click('div:first'); // with just 1 click helper, debug order is ABC 
    click('div:first'); // with this second click helper, debug order is ACB 

    andThen(function() { 
     console.debug('mark B'); 
    }); 
}); 

andThen(function() { 
    console.debug('mark C'); 
}); 

---

Edit:

Sulla base della risposta data da Kingpin2k, ho finito per perseguire la seguente soluzione per arrivare al test di stile che cercavo.

Innanzitutto, ho creato un helper di test asincrono denominato next. In secondo luogo, ho sostituito tutti gli aiutanti andThen nel mio codice con gli helper personalizzati next. Questo ha permesso al mio codice di funzionare nell'ordine che mi aspettavo.

// test-helper.js 
Ember.Test.registerAsyncHelper('next', function(app, fn) { 
    fn(); 
}); 

// my-integration-test.js 
next(function() { 
    console.debug('mark A'); 

    click('div:first'); 
    click('div:first'); 

    next(function() { 
     console.debug('mark B'); 
    }); 
}); 

next(function() { 
    console.debug('mark C'); 
}); 

Answer 1

andThen è solo zucchero sintattico per lastPromiseEmberSawCreated.then in modo davvero assomiglia a questo:

lastPromiseEmberSawCreated.then(function(){ 
    console.debug('mark A'); 

    click('div:first'); // with just 1 click helper, debug order is ABC 
    click('div:first'); // with this second click helper, debug order is ACB 

    nextLastPromiseEmberSawCreated.then(function() { 
     console.debug('mark B'); 
    }); 
}); 

// the promise won't have changed in between these two `andThen` calls 
// because Ember had no cpu time, and you didn't make any additional calls 

lastPromiseEmberSawCreated.then(function(){ 
    console.debug('mark C'); 
});