import PageObject, {
  clickable,
  hasClass,
  isVisible,
  text
} from 'my-app/tests/page-object';

import isDisabled from 'my-app/tests/page-object/custom-helpers/is-disabled';
import isChecked  from 'my-app/tests/page-object/custom-helpers/is-checked';

export default PageObject.create({
  scope:     '.loginForm',
  isActive:   hasClass('is-active'),
  isExpanded: hasClass('is-expanded'),
  isVisibile: isVisible(),
  click:      clickable(),

  fields: {
    scope: '.loginForm-content'

    username: {
      scope:      '.loginForm-field.kind-username',
      isActive:   hasClass('is-active'),
      isExpanded: hasClass('is-expanded'),
      isError:    hasClass('is-error'),
      isVisibile: isVisible(),
      click:      clickable(),

      label: {
        scope:      '.loginForm-field-label',
        isVisibile: isVisible(),
        click:      clickable(),
        text:       text(),
      },

      input: {
        scope:      '.loginForm-field-input',
        isDisabled: isDisabled(),
        isVisibile: isVisible(),
        click:      clickable(),
        value:      value(),
      }
    },

    password: {
      scope:      '.loginForm-field.kind-password',
      isActive:   hasClass('is-active'),
      isExpanded: hasClass('is-expanded'),
      isError:    hasClass('is-error'),
      isVisibile: isVisible(),
      click:      clickable(),

      label: {
        scope:      '.loginForm-field-label',
        isVisibile: isVisible(),
        click:      clickable(),
        text:       text(),
      },

      input: {
        scope:      '.loginForm-field-input',
        isDisabled: isDisabled(),
        isVisibile: isVisible(),
        click:      clickable(),
        value:      value(),
      }
    },

    rememberMe: {
      scope:      '.loginForm-field.kind-rememberMe',
      isActive:   hasClass('is-active'),
      isExpanded: hasClass('is-expanded'),
      isError:    hasClass('is-error'),
      isVisibile: isVisible(),
      click:      clickable(),

      label: {
        scope:      '.loginForm-field-label',
        isVisibile: isVisible(),
        click:      clickable(),
        text:       text(),
      },

      input: {
        scope:      '.loginForm-field-input',
        isDisabled: isDisabled(),
        isVisibile: isVisible(),
        click:      clickable(),
        checked:    isChecked(), // `.value()` can't be used for checkboxes
      }
    }
  },

  buttons: {
    scope: '.loginForm-controls',

    submit: {
      scope:      '.loginForm-control.kind-submit',
      isActive:   hasClass('is-active'),
      isExpanded: hasClass('is-expanded'),
      isVisibile: isVisible(),
      click:      clickable(),
      text:       text(),
    }

    forgotPassword: {
      scope:      '.loginForm-control.kind-forgotPassword',
      isActive:   hasClass('is-active'),
      isExpanded: hasClass('is-expanded'),
      isVisibile: isVisible(),
      click:      clickable(),
      text:       text(),
    }
  }
});