Login page object

index.js

const app = new Vue({
  // ...
}).$mount('#trello-app');

window.app = app;

login.spec.ts

import { Login } from '../support/pageObjects/login';
const login = new Login();

beforeEach(() => {

  cy
    .visit('/');

});

it('opens signup form', () => {

  login
    .open()
    .goToSignup();

});

login.ts

export class Login {

  open() {

    cy
      .get('[data-cy=login-menu]')
      .click();

    return this;

  }

  goToSignup() {

    cy
      .contains('Sign up here')
			.click();

	  return this;

  }

}

loginAA1.spec.ts

it('opens signup form', () => {

  cy
    .window()
    .then(({ app }) => {
      app.showLoginModule = true;
    });

});

loginAA2.spec.ts

cy
  .component('Login')
  .then(login => {

    login.logSignSwitch();

  });