Ember CLI BrowserStack Example

Example cross-browser testing with of an Ember CLI app.

Introduction

This application is an example implementation of the ideas presented in the blog post @cyk/ember-cli-testing-with-browserstack-dead60eecbb1">“Ember CLI testing with BrowserStack”. It includes:

• Cross-browser UI testing using BrowserStack Local and REST API
• Travis CI BrowserStack addon integration

Read more about it (and the gotchas) on @cyk/ember-cli-testing-with-browserstack-dead60eecbb1">the blog post.

Prerequisites

You will need the following things properly installed on your computer.

• Yarn
• Node.js (with NPM)
• Ember CLI
• BrowserStack Local

Installation

• git clone <repository-url> this repository
• cd ember-browserstack-example
• yarn install

Running / Development

• ember serve
• Visit your app at http://localhost:4200.

Code Generators

Make use of the many generators for code, try ember help generate for more details

Running Tests

• ember test
• ember test --server

Via BrowserStack

• BrowserStackLocal --key <key> sets up local connection
• export BROWSERSTACK_USER=<username>; export BROWSERSTACK_ACCESS_KEY=<key> from Automate tab of BrowserStack
• ember test --test-port 8000 -l <launcher>
• Test port 8000 allows Safari connection

Building

• ember build (development)
• ember build --environment production (production)

Further Reading / Useful Links

• ember.js
• ember-cli
• browserstack/api - Spec of latest BrowserStack JavaScript testing api
• Development Browser Extensions
  • ember inspector for chrome
  • ember inspector for firefox

Inspiration / Thank You

• Ember-cli-sauce addon was an informative reference for cross-browser ember testing
• Adapted part of vedharish/browserstack-jstesting-cli for testem launcher