How to use a service from an acceptance test in Ember.js

Jen Weber
Jen Weber
Jan 29, 2018 · 5 min read

In this article, we’ll cover Ember 2 and 3. This was last updated for Ember 3.15

Thanks to ember-cli/testing extraordinaires Tobias Bieniek (aka Turbo87) and Scott Newcomer for reviewing to make sure I wasn’t too far off the rails, plus sharing the path forward for testing services in Ember!

Ember 3

It’s pretty and straightforward now in Ember 3!

let serviceName = this.owner.lookup('service:servicename')

Here’s an example test that checks that a value on the service matches the rendered template:

import { module, test } from ‘qunit’;
import { setupApplicationTest } from ‘ember-qunit’;
import { visit } from ‘@ember/test-helpers’;
module(‘Acceptance | current url’, function(hooks) {
setupApplicationTest(hooks);

test(‘visiting /current-url’, async function(assert) {
await visit(‘/current’);
let page = this.owner.lookup(‘service:page’);
let v = page.currentVersion; // or page.get('currentVersion')
assert.dom('.ember-basic-dropdown-trigger').hasText(v);
// continuing with more tests for the rest of the page
});
});

Ember 2

In Ember 2, you have several options about how to proceed. Keep reading to see what they are!

Option #1: Upgrade ember-cli-qunit

I have good news. If you can upgrade to a version of ember-cli-qunit used in Ember 3, you can use the same patterns as in Ember 3.

This is all thanks to amazing work done following the testing RFCs. You can read more in this article by Robert Jackson.

Option #2: stub the service instead

Instead of trying to use a real service (and using private API), you might be able to stub the service instead! Check out this Acceptance Test example adapted from the official Super Rentals tutorial:

import { test } from 'qunit';
import moduleForAcceptance from 'super-rentals/tests/helpers/module-for-acceptance';
import Service from '@ember/service';

let StubMapsService = Service.extend({
getMapElement() {
return document.createElement('div');
}
});

moduleForAcceptance('Acceptance | list rentals', {
beforeEach() {
this.application.register('service:maps', StubMapsService);
}
});

Option #3: unit test your service instead

It’s important to ask yourself, what are you testing and why? With acceptance tests, it’s easy to try and test too much at once. They are really meant for checking user interactions, not testing internal behavior. It’s possible that what you should really be doing is writing a unit test for your service plus an integration test for your component.

Option #4: use private API with caution

If you are stuck on an older version of ember-cli-qunit, here’s an approach that uses private API to get the job done. You may have to come back and update it later down the road when you upgrade versions, even patch versions — such is the price of using private API. Keep reading this article to learn about the dangers of using private API.

// WARNING private API subject to change
let myService = this.application.__container__.lookup(‘service:myServiceName’)

In the context of a real test:

import { test } from ‘qunit’;
import moduleForAcceptance from ‘guides-app/tests/helpers/module-for-acceptance’;
moduleForAcceptance(‘Acceptance | current url’);test(‘visiting /current-url’, function(assert) {
visit(‘/current’);
// WARNING the next line relies on private API, subject to change
let page = this.application.__container__.lookup(‘service:page’);
andThen(function() {
let currentVersion = page.get(‘currentVersion’);
assert.equal(find(‘.ember-basic-dropdown-trigger’).text().trim(), currentVersion);
});
});

The dangers of using _underscored and private methods

First, a disclaimer. When using many JavaScript libraries, you often have access to more methods, properties, and functionality than you are supposed to actually use.

The public API represents what is safe, the methods and properties meant for you. For projects that follow semver, the behavior of those methods won’t be changed in such a way that breaks your app, unless you’re upgrading by major version. Plus, Ember.js does a great job making it as easy as possible to resolve those breaking changes through deprecation warnings, which are available far in advance of the actual change. If you stick to public API, you’ll have a much better time. Unfortunately, if all API was public, the people who work on the library would never be able to change how it works internally, and all progress would grind to a halt.

On the other hand, the private API is always subject to change, possibly without warning, and possibly without a migration strategy. So, what can happen if you rely on private API is, one day your app is fine, then you try to upgrade versions, and it stops working. Without an npm package lock, this could happen without you even intentionally upgrading, since npm dependencies (and the dependencies of your dependencies) use punctuation like “^” and “~” to flexibly grab more recent versions. Yarn (an npm alternative) doesn’t try to freeze the versions of your dependency’s dependencies. Imagine that you’re ready to ship an app, and suddenly it doesn’t work anymore, or you’re stuck on an older version indefinitely. Those are just a couple examples of the bad things that could happen when you use private API.

So how do you tell the difference between private and public API?

It’s all in the documentation. By default, you’ll only see public api when you visit https://emberjs.com/api. If you followed a link from somewhere else, you might see some private API, but it will be labelled. Within the source code for Ember.js, there are code comments that have a @public label on the methods and attributes that you are “allowed” to use.

Look out for things that use _underscores in the method/property. That’s a huge red flag that something is private!

Also, don’t assume that whatever you find on Stack Overflow/blog articles like this is safe to use. Check the docs before you copy and paste.

But what if I need to use private API?

First, can you accept the risk that it might change without warning? In my case, I needed to write a test, and I only needed to use private API for one test. If my test breaks, so what? I remove the test and find another way. My CI might break, but my app isn’t broken.

Second, have you communicated the need for a public method? Ember.js uses the RFC (Request for Comments) process to evaluate new features or deprecations. Anyone in the community can start one or open an issue to discuss before creating an RFC. For example, this RFC proposes an easier way to look up services! It’s part of a larger plan to make testing even more powerful and intuitive. Later in this article, I’m sharing a technique that’s currently private API, but it’s on its way to being public thanks to the RFC process. When an RFC is accepted/merged, that doesn’t mean that the work to implement the feature is done, but it means it’s the plan.

Lastly, are you sure that you need the private API? Like, really sure? The Ember Community Discord and the API Docs are good places to do some research.

Ember-ish

Ember.js essentials for beginners and intermediate devs

Jen Weber

Written by

Jen Weber

Builds Web 3.0 at Cardstack. Ember.js core team. Science nerd. www.jenweber.me

Ember-ish

Ember-ish

Ember.js essentials for beginners and intermediate devs

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade