export class AdminLoginPage  {
    getSubmitButton(): Cypress.Chainable<JQuery<HTMLElement>> {
        return cy.get('button[type="submit"]');
    }
    getEmail(): Cypress.Chainable<JQuery<HTMLElement>> {
        return cy.get('#email');
    }
    getSignInLogo(): Cypress.Chainable<JQuery<HTMLElement>> {
        return cy.get('.MuiSvgIcon-root');
    }
    getPassword(): Cypress.Chainable<JQuery<HTMLElement>> {
        return cy.get('#password');
    }
    getEmailAddressLabel(): Cypress.Chainable<JQuery<HTMLElement>> {
        return cy.get('label[for="email"]');
    }
    getPasswordLabel(): Cypress.Chainable<JQuery<HTMLElement>> {
        return cy.get('label[for="password"]')
    }
    getFavicon(): Cypress.Chainable<JQuery<HTMLElement>> {
        return cy.get('head link[rel="shortcut icon"]');
    }
}

class LoginDriver {
  constructor() {
    this.page = new LoginPage();
  }
  clearLoginForm() {
    this.page.getUserNameInput().type(EMPTY_STRING);
    this.page.getPasswordInput().type(EMPTY_STRING);
  }
  isSubmitButtonDisabled() {
    return this.page.getSubmitButton().disabled;
  }
  isSubmitButtonEnabled() {
    return !this.isSubmitButtonDisabled()
  }
}

describe('Login page test suite', () => {
  let driver;
  
  beforeEach(() => {
    driver = new LoginDriver();
  });
  
  it('should have the submit button disabled when credentials are missing', () => {
    driver.clearLoginForm();
    expect(driver.isSubmitButtonDisabled()).toBe(true);
  });
  
});