Vue · Middle · Frage 48 von 75

Warum wartet man in Vue Test Utils mit `await` auf Nutzerinteraktionen?

const wrapper = mount(Counter);
await wrapper.find("button").trigger("click");
expect(wrapper.text()).toContain("1");

1Tests in Vue müssen immer asynchron sein, egal was sie prüfen
2Ohne await wird das Klick-Event gar nicht ausgelöst
3trigger liefert ein Promise, das auf das DOM-Update wartet

Antwort zeigen

Richtige Antwort: trigger liefert ein Promise, das auf das DOM-Update wartet

Erklärung

DOM-Updates sind asynchron. Auf trigger oder setValue (oder nextTick) zu warten lässt Assertions das aktualisierte DOM sehen.

Zum Weiterlesen

Teste dich selbst

Mach den Test Vue · Middle: Fragen und Antworten werden gemischt, und am Ende wartet eine Übersicht der Fehler.

Diesen Test machen