Profile Picture

Hi, I'm Sheeju Alex.

I'm a developer, living in Bangalore, India and this is my personal development blog. I plan to share my technical stuff here, long back but not so long back I used to share my technical and crazy stuff on Sheeju Alex, Blog Spot.

Shoot me an email if you'd like to be in touch.

Check out my Resume here

Sheeju Alex

Building an Ember App with PERL MVC framework - Part 2

In this part let us build some tests for Ember App

Now start your server:

cd ember
ember server

Open your browser and go to: http://localhost:4200/tests

You should see something like the following:

This is a typical Qunit test suite with some JSHint tests already in our app. What you’ll notice in the lower right-hand corner is a blank white box. This box is where our integration tests will execute. This is an IFRAME so we can see our applications interacted with in real-time (albeit very fast real-time).

Let’s build out a landing page for our app. We will TDD this entire application over this multi-part series. Create a new directory and file


All of our files will be in ES6 module format. If you are unfamiliar with ES6 modules I suggest you go and read up.

import startApp from 'emberspeakers/tests/helpers/start-app';

var App;

module('Integration - Landing Page', {
  setup: function() {
    App = startApp();
  teardown: function() {, 'destroy');

test('Should welcome me to Ember Speakers', function() {
  visit('/').then(function() {
    equal(find('h2#title').text(), 'Welcome to Ember Speakers');

Once you save this file go back to your browser. You should not need to reload anything, ember-cli has a live reload feature on file change.

Now you should see your failing test:

Let’s make the test pass:

In ember/app/templates/application.hbs

<h2 id="title">Welcome to Ember Speakers</h2>

{{ outlet }}

Check your test suite and it should be all green.

Here we completed our first Ember test!

comments powered by Disqus