write better ember tests - ember page object

ember-page.js

// page.js
import PageObject, {
  text,
  isVisible
} from 'frontend/tests/page-object';

export default PageObject.create({
  // some button
  button: {
    scope: '#some-button-id',
    isVisible: isVisible()
  },
  
  // some p tag
  description: {
    scope: 'p',
    text: text()
  }
});

// the test
import page from 'app/tests/pages/something';

test('here is a test using ember-cli-page-object', function(assert) {
  this.render(hbs`{{my-component}}`);
  
  assert.ok(page.button.isVisible, 'I see the button');
  assert.equal(page.description.text, 'Some text', 'The text is shown correctly');
});