ember-cli-page-object `getter` macro

page.js

import {
  create,
  hasClass,
  isVisible
} from 'ember-cli-page-object';
import { getter } from 'ember-cli-page-object/macros';

// the old way
const page  = create({
  foo: isVisible('button'),
  bar: hasClass('active', 'button')
  baz: {
    isDescriptor: true,    
    get() {
      return this.foo && this.bar;
    }
  }
});

// the new way
const page  = create({
  foo: isVisible('button'),
  bar: hasClass('active', 'button')
  baz: getter(function() {
    return this.foo && this.bar;
  })
});