page-objects.mail-log.js

import { clickable, create, fillable, visitable, collection } from 'ember-cli-page-object';

const newForm = '.card-header';
const rows = 'tbody > tr';
const expandedRow = `${rows}.lt-expanded-row`;

function formObject(scope) {
  return create({
    scope,
    fillExternalNumber: fillable('input', { at: 1 }),
    fillCompany: fillable('input', { at: 2 }),
    fillCategory: fillable('input', { at: 4 }),
    clickFirstSuggestion: clickable('.md-autocomplete-suggestions li', { resetScope: true }),
    selectCompany(company) {
      return this.fillCompany(company).clickFirstSuggestion();
    },
    selectCategory(category) {
      return this.fillCategory(category).clickFirstSuggestion();
    },

    submit: clickable('button')
  });
}

export default create({
  visit: visitable('/mail-logs'),

  formNew() {
    return formObject(newForm);
  },

  mailLogs: collection({
    itemScope: rows,
    item: {
      formEdit() {
        return formObject(expandedRow);
      }
    }
  })
});