consul/ui/packages/consul-ui/app/components/role-selector/pageobject.js

export default (clickable, deletable, collection, alias, roleForm) => (scope = '#roles') => {
  return {
    scope: scope,
    create: clickable('[data-test-role-create]'),
    form: roleForm(),
    roles: alias('selectedOptions'),
    selectedOptions: collection(
      '[data-test-roles] [data-test-tabular-row]',
      deletable({
        actions: clickable('label'),
      })
    ),
  };
};