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

import allocations from 'nomad-ui/tests/pages/components/allocations';
import error from 'nomad-ui/tests/pages/components/error';
import { multiFacet } from 'nomad-ui/tests/pages/components/facet';

export default create({
  visit: visitable('/jobs/:id/allocations'),

  pageSize: 25,

  hasSearchBox: isPresent('[data-test-allocations-search]'),
  search: fillable('[data-test-allocations-search] input'),

  ...allocations(),

  facets: {
    status: multiFacet('[data-test-allocation-status-facet]'),
    client: multiFacet('[data-test-allocation-client-facet]'),
    taskGroup: multiFacet('[data-test-allocation-task-group-facet]'),
  },

  isEmpty: isPresent('[data-test-empty-allocations-list]'),
  emptyState: {
    headline: text('[data-test-empty-allocations-list-headline]'),
  },

  sortOptions: collection('[data-test-sort-by]', {
    id: attribute('data-test-sort-by'),
    sort: clickable(),
  }),

  sortBy(id) {
    return this.sortOptions.toArray().findBy('id', id).sort();
  },

  error: error(),
});