Ember Integrazione di prova per le azioni di chiusura

Question

In Ember-CLI 1.13.1, ho il seguente test di integrazione nella mia componente:

import { moduleForComponent, test } from 'ember-qunit'; 
import hbs from 'htmlbars-inline-precompile'; 

moduleForComponent('category-tabs', 'Integration | Component | category tabs', { 
    integration: true 
}); 

test('tapping button fires an external action', function(assert) { 
    this.on('onTabTouch', function(value) { 
    assert.equal(value, 'Expense'); 
    }); 

    this.render(hbs` 
    {{category-tabs onTabTouch=(action "onTabTouch")}} 
    `); 

    this.$('button:first').click(); 
}); 

Poi nella mia componente, ho questa azione:

import Ember from 'ember'; 

export default Ember.Component.extend({ 
    actions: { 
    handleTabTouch(tab) { 
     this.attrs.onTabTouch(tab); 
    } 
    } 
}); 

Il mio test continua a dire questo:

Un'azione denominata "onTabTouch" non è stata trovata in [oggetto oggetto].

Come si verifica un'azione di chiusura? Ho anche provato:

this.set('onTabTouch', function(value) { 
    assert.equal(value, 'Expense'); 
}); 

E non ha funzionato.

Answer 1

Sono riuscito a capirlo.

Invece di scrivere:

this.on('onTabTouch', function(value) { 
    assert.equal(value, 'Expense'); 
}); 

ho scritto questo:

this.set('actions', { 
    onTabTouch(value) { 
    assert.equal(value, 'Expense'); 
    } 
}); 

EDIT:

Un modo migliore di farlo ora è come questo:

this.set('onTabTouch',() => assert.ok(true)); 

this.render(hbs` 
    {{category-tabs onTabTouch=(action onTabTouch)}} 
`); 

Si noti che (action onTabTouch) non ha virgolette doppie.