Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including ember-cli-page-object with all npm packages installed. Try it out:

var emberCliPageObject = require("ember-cli-page-object")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

ember-cli-page-object v1.15.1

This ember-cli addon eases the construction of page objects on your acceptance and integration tests

Ember Page Objects

Build Status Ember Observer Score Latest version

Represent the screens of your web app as a series of objects. This ember-cli addon eases the construction of these objects for your acceptance and integration tests.

What is a Page Object?

An excerpt from the Selenium Wiki

Within your web app's UI there are areas that your tests interact with. A Page Object simply models these as objects within the test code. This reduces the amount of duplicated code and means that if the UI changes, the fix need only be applied in one place.

The pattern was first introduced by the Selenium

You can find more information about this design pattern here:


Let's work together to improve this addon!

You can find us on the official Ember Discord server, or open an issue on Github to request features, report bugs or just to ask any question.


$ ember install ember-cli-page-object

Or you can install the NPM package directly.

$ npm install --save-dev ember-cli-page-object


Check the site for full documentation.


The addon includes the following blueprints

  • page-object Creates a new page object
  • page-object-component Creates a new component to be used in a page object
  • page-object-helper Creates a new helper to be used in a page object

You can create a new page object called users using the generate command

$ ember generate page-object users

  create tests/pages/users.js



$ git clone
$ cd $_
$ yarn install # or npm install


  • npm run lint:hbs
  • npm run lint:js
  • npm run lint:js -- --fix

Running Tests

  • ember test – Runs the test suite on the current Ember version
  • ember test --server – Runs the test suite in "watch mode"
  • ember try:each – Runs the test suite against multiple Ember versions

Project's health

Build Status Ember Observer Score Dependency Status devDependency Status Codacy Badge Code Climate Coverage Status


  • Santiago Ferreira (@san650)
  • Juan Manuel Azambuja (@juanazam)
  • Jerad Gallinger (@jeradg)
  • Anna Andresian (@magistrula)
  • Ruslan Grabovoy (@ro0gr)


ember-cli-page-object is licensed under the MIT license.

See LICENSE for the full license text.

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free