Catching emitted value from a component using defineEmits

[Smrtnyk]

Is it possible to catch emitted value from a component after submit button on a form in the component is clicked?

[hezhengxu2018]

vitest-browser-vue/src/pure.ts

Line 66 in f5fd71b

...getElementLocatorSelectors(baseElement),

maybe should return the wrapper here, and use the findComponent function of vue-test-utils to get the componet you need.

[Smrtnyk]

Actually I am able to use screen.emitted, and it contains the entry for the emitted event and its values

for example a test like this works for me

it(`emits "delete-item" event when delete button is clicked`, async () => {
        const deleteButton = page.getByAltText("Delete Chocolate Bar");
        expect(deleteButton.elements().length).toBe(1);

        await userEvent.click(deleteButton);

        const emittedEvents = screen.emitted("delete-item");
        expect(emittedEvents).toBeTruthy();
        expect(emittedEvents.length).toBe(1);
        expect(emittedEvents[0][0]).toStrictEqual(sampleItems[1]);
    });