export default function(visitable, clickable, text, attribute, present, collection, popoverSelect) {
const service = {
name: text('[data-test-service-name]'),
service: clickable('a'),
externalSource: attribute('data-test-external-source', '[data-test-external-source]'),
kind: attribute('data-test-kind', '[data-test-kind]'),
proxy: present('[data-test-proxy]'),
};
return {
visit: visitable('/:dc/services'),
services: collection('.consul-service-list > ul > li:not(:first-child)', service),
home: clickable('[data-test-home]'),
sort: popoverSelect(),
}