3

私は単純なミックスインを持っています:

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に従っているだけです。

4

1 に答える 1