Skip to content

Commit

Permalink
The isolated container exposes some Ember's base classes.
Browse files Browse the repository at this point in the history
Those classes are automatically registered by Ember:

* Ember.ObjectController
* Ember.ArrayController
* Ember.Controller
* Ember.Route
* Ember.View
* Ember.Select

[Fixes rwjblue/ember-qunit#73]
  • Loading branch information
cyril-sf committed Nov 19, 2014
1 parent 534c2b8 commit 00dc7e8
Show file tree
Hide file tree
Showing 2 changed files with 85 additions and 1 deletion.
8 changes: 8 additions & 0 deletions lib/ember-test-helpers/isolated-container.js
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,14 @@ export default function isolatedContainer(fullNames) {
container.optionsForType('template', { instantiate: false });
container.optionsForType('helper', { instantiate: false });
container.register('component-lookup:main', Ember.ComponentLookup);
container.register('controller:basic', Ember.Controller, { instantiate: false });
container.register('controller:object', Ember.ObjectController, { instantiate: false });
container.register('controller:array', Ember.ArrayController, { instantiate: false });
container.register('view:default', Ember._MetamorphView);
container.register('view:toplevel', Ember.View.extend());
container.register('view:select', Ember.Select);
container.register('route:basic', Ember.Route, { instantiate: false });

for (var i = fullNames.length; i > 0; i--) {
var fullName = fullNames[i - 1];
var normalizedFullName = resolver.normalize(fullName);
Expand Down
78 changes: 77 additions & 1 deletion tests/test-module-for-component-test.js
Original file line number Diff line number Diff line change
Expand Up @@ -17,17 +17,33 @@ var PrettyColor = Ember.Component.extend({
}.property('name')
});

var ColorController = Ember.ObjectController.extend({
hexa: function() {
switch( this.get('model') ) {
case 'red':
return '0xFF0000';
case 'green':
return '0x00FF00';
case 'blue':
return '0x0000FF';
}
}.property('model')
});

function setupRegistry() {
setResolverRegistry({
'component:x-foo': Ember.Component.extend(),
'component:pretty-color': PrettyColor,
'template:components/pretty-color': Ember.Handlebars.compile('Pretty Color: <span class="color-name">{{name}}</span>')
'template:components/pretty-color': Ember.Handlebars.compile('Pretty Color: <span class="color-name">{{name}}</span>'),
'controller:color': ColorController
});
}

///////////////////////////////////////////////////////////////////////////////

moduleForComponent('x-foo', {
needs: ['controller:color'],

beforeSetup: function() {
setupRegistry();
}
Expand Down Expand Up @@ -70,6 +86,66 @@ test('can lookup components in its layout', function() {
equal(component._state, 'inDOM');
});

test('can lookup array controllers in its layout', function() {
expect(1);
var component = this.subject({
colors: ['red', 'green', 'blue'],
layout: Ember.Handlebars.compile("{{#each colors itemController='color'}}{{hexa}}{{/each}}")
});
this.render();
equal(component._state, 'inDOM');
});

test('can lookup object controllers in its layout', function() {
expect(1);
var component = this.subject({
colors: ['red', 'green', 'blue'],
layout: Ember.Handlebars.compile("{{#each colors itemController='object'}}{{this}}{{/each}}")
});
this.render();
equal(component._state, 'inDOM');
});

test('can lookup basic controllers in its layout', function() {
expect(1);
var component = this.subject({
colors: ['red', 'green', 'blue'],
layout: Ember.Handlebars.compile("{{#each colors itemController='basic'}}{{this}}{{/each}}")
});
this.render();
equal(component._state, 'inDOM');
});

test('can lookup Ember.Select in its layout', function() {
expect(1);
var component = this.subject({
colors: ['red', 'green', 'blue'],
layout: Ember.Handlebars.compile("{{view 'select'}}")
});
this.render();
equal(component._state, 'inDOM');
});

test('can lookup default Ember.Views in its layout', function() {
expect(1);
var component = this.subject({
colors: ['red', 'green', 'blue'],
layout: Ember.Handlebars.compile("{{view 'default'}}")
});
this.render();
equal(component._state, 'inDOM');
});

test('can lookup toplevel Ember.Views in its layout', function() {
expect(1);
var component = this.subject({
colors: ['red', 'green', 'blue'],
layout: Ember.Handlebars.compile("{{view 'toplevel'}}")
});
this.render();
equal(component._state, 'inDOM');
});

test('clears out views from test to test', function() {
expect(1);
this.subject({
Expand Down

0 comments on commit 00dc7e8

Please sign in to comment.