EmberLearn - Ember.Object

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
<br>
<br>

tests.helpers.resolver.js

import Resolver from '../../resolver';
import config from '../../config/environment';

const resolver = Resolver.create();

resolver.namespace = {
  modulePrefix: config.modulePrefix,
  podModulePrefix: config.podModulePrefix
};

export default resolver;

tests.test-helper.js

import resolver from './helpers/resolver';
import {
  setResolver
} from 'ember-qunit';

setResolver(resolver);

tests.unit.objects.course-test.js

import { module, test } from 'qunit';
if (require.entries['twiddle/utils/course']) {

module('Ember.Object | Modeling Data');

const Course = require('twiddle/utils/course').default;

// Replace this with your real tests.
test('Correct defaults for data', function(assert) {
  let course = Course.create();
  assert.equal(course.get('title'), 'No Title', 'title defaults to "No Title"');
  assert.equal(course.get('description'), '', 'description defaults to empty string');
  assert.deepEqual(course.get('tags'), [], 'tags defaults to empty array');
});

test('Adding and removing tags', function(assert) {
  let course = Course.create();
  let otherCourse = Course.create();
  course.get('tags').addObject('front end');
  assert.equal(otherCourse.get('tags').length, 0, 'Adding tags to a course does not result in it being added to all courses\ncourse1.get("tags").addObject("a");\nshould not additionally add the tag "a" to course2');
});

test('Getting a language from a language ID', function(assert) {
  let course = Course.create();
  assert.ok(typeof course.languageName === 'undefined', 'There should NOT be a function "languageName" on the course instance.\nThe proper place for this function is on the course class (using Ember.Object#reopenClass)');
  assert.equal(Course.languageName('js'), 'JavaScript', 'Course.languageName("js") returns "JavaScript"');
  assert.equal(Course.languageName(null), 'Unknown', 'Course.languageName() returns "Unknown"');
});
}

twiddle.json

{
  "version": "0.12.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": true
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.12.0",
    "ember-template-compiler": "2.12.0",
    "ember-testing": "2.12.0"
  },
  "addons": {
    "ember-data": "2.12.1"
  }
}

utils.course.js

import Ember from 'ember';

/**
 * Requirements
 * 
 * I want to be able to create an instance of
 * this new type of object
 * 
 *    let myCourse = Course.create();
 * 
 * and then we should be able to get and set
 * serveral properties (title, description, tags)
 * on this instance
 * 
 *    myCourse.set('description', 'In this course, we'll learn about cats!')
 * 
 * Additionally, you need to make a class method
 * for taking abbreviated programming language 
 * names, and expanding them.
 * 
 *    Course.languageName('js') // returns "JavaScript"
 * 
 *  Keep in mind that this function needs to be on the
 *  class, not on instances of the class.
 */

const Course = Ember.Object.extend({
  init() {
  	this.set('tags', []);
  },
	title: 'No Title',
  description: '',
});

Course.reopenClass({
	languageName(lang){
  	return (lang === 'js') ? 'JavaScript' : 'Unknown'	
  },
});

export default Course;