私は単純なミックスインを持っています:
export const mixin = superclass => class extends superclass {
firstUpdated() {
super.firstUpdated();
this.dispatchEvent(new CustomEvent('my-event', {
bubbles: true,
composed: true,
detail: {
myEventTriggered: true,
},
}));
}
};
my-event
が解雇されたかどうかをテストしたい。これは私のテストです:
it('dispatches the custom event', async () => {
const tag = class extends mixin(LitElement) {};
const el = await fixture(`<${tag}></${tag}>`);
setTimeout(() => el.firstUpdated());
const { detail } = await oneEvent(el, 'my-event');
expect(detail.myEventTriggered).to.be.true;
});
これは期待どおりに機能しますが、行についてはわかりませんsetTimeout(() => el.firstUpdated());
。firstUpdated
の後に呼び出されるべきではありませんawait fixture
か? open-wc の testing guideに従っているだけです。