Check $emit vuejs in test:e2e

[GoldraK]

Hello,
I am doing test:e2e in vuejs.

I'm trying to see if an event is emitted, but I can't do it at all.

The current test is the following

  it.only('Check login', () => {
    cy.intercept('POST', '**/login', {
      statusCode: 200,
      body: {}  
    }).as('login');

    cy.visit('/')
    cy.get('[data-cy="username"]').type('admin')
    cy.get('[data-cy="password"]').type('admin')
    cy.get('[data-cy="btn-login"]').click()
    cy.wait('@login')
  })
})

After receiving the request, the issue is made

    async login() {
      this.valid = this.$refs.form.validate();
      if (this.valid) {
        let data = {
          username: this.username,
          password: this.password,
        };
        try {
          let response = await axios.post(`${this.domain_login}/login`, data, {
            withCredentials: true,
          });
          this.$emit("login", response.data);
        } catch (error) {
          this.setText(error.response.data.message);
          this.setColor('error');
          this.setVisible(true);
        }
      }
    },

The interception works perfectly for me but I don't know how to check the emit, I know it works because I have tried it by hand but not through test.

cypress is installed with the following command with default settings.

vue add e2e-cypress

In the @cypress/vue package there is an example, but it is mounting the component individually and not in a complete integration.

Any idea how to do it?

Thanks for your time.