discourse-ember-source 3.5.1.1 → 3.5.1.2

data/dist/es/ember-glimmer/tests/integration/components/attrs-lookup-test.js

@@ -1,268 +0,0 @@
-import { RenderingTest, moduleFor } from '../../utils/test-case';
-import { Component, htmlSafe } from '../../utils/helpers';
-import { set, computed } from 'ember-metal';
-import { styles } from '../../utils/test-helpers';
-
-moduleFor(
-  'Components test: attrs lookup',
-  class extends RenderingTest {
-    ['@test it should be able to lookup attrs without `attrs.` - template access']() {
-      this.registerComponent('foo-bar', { template: '{{first}}' });
-
-      this.render(`{{foo-bar first=firstAttr}}`, {
-        firstAttr: 'first attr',
-      });
-
-      this.assertText('first attr');
-
-      this.runTask(() => this.rerender());
-
-      this.assertText('first attr');
-
-      this.runTask(() => set(this.context, 'firstAttr', 'second attr'));
-
-      this.assertText('second attr');
-
-      this.runTask(() => set(this.context, 'firstAttr', 'first attr'));
-
-      this.assertText('first attr');
-    }
-
-    ['@test it should be able to lookup attrs without `attrs.` - component access'](assert) {
-      let instance;
-
-      let FooBarComponent = Component.extend({
-        init() {
-          this._super(...arguments);
-          instance = this;
-        },
-      });
-      this.registerComponent('foo-bar', {
-        ComponentClass: FooBarComponent,
-        template: '{{first}}',
-      });
-
-      this.render(`{{foo-bar first=firstAttr}}`, {
-        firstAttr: 'first attr',
-      });
-
-      assert.equal(instance.get('first'), 'first attr');
-
-      this.runTask(() => this.rerender());
-
-      assert.equal(instance.get('first'), 'first attr');
-
-      this.runTask(() => set(this.context, 'firstAttr', 'second attr'));
-
-      assert.equal(instance.get('first'), 'second attr');
-
-      this.runTask(() => set(this.context, 'firstAttr', 'first attr'));
-
-      this.assertText('first attr');
-    }
-
-    ['@test should be able to modify a provided attr into local state #11571 / #11559'](assert) {
-      let instance;
-      let FooBarComponent = Component.extend({
-        init() {
-          this._super(...arguments);
-          instance = this;
-        },
-
-        didReceiveAttrs() {
-          this.set('first', this.get('first').toUpperCase());
-        },
-      });
-      this.registerComponent('foo-bar', {
-        ComponentClass: FooBarComponent,
-        template: '{{first}}',
-      });
-
-      this.render(`{{foo-bar first="first attr"}}`);
-
-      assert.equal(instance.get('first'), 'FIRST ATTR', 'component lookup uses local state');
-      this.assertText('FIRST ATTR');
-
-      this.runTask(() => this.rerender());
-
-      assert.equal(
-        instance.get('first'),
-        'FIRST ATTR',
-        'component lookup uses local state during rerender'
-      );
-      this.assertText('FIRST ATTR');
-
-      // This is testing that passing string literals for use as initial values,
-      // so there is no update step
-    }
-
-    ['@test should be able to access unspecified attr #12035'](assert) {
-      let instance;
-      let wootVal = 'yes';
-
-      let FooBarComponent = Component.extend({
-        init() {
-          this._super(...arguments);
-          instance = this;
-        },
-
-        didReceiveAttrs() {
-          assert.equal(this.get('woot'), wootVal, 'found attr in didReceiveAttrs');
-        },
-      });
-      this.registerComponent('foo-bar', { ComponentClass: FooBarComponent });
-
-      this.render(`{{foo-bar woot=woot}}`, {
-        woot: wootVal,
-      });
-
-      assert.equal(instance.get('woot'), 'yes', 'component found attr');
-
-      this.runTask(() => this.rerender());
-
-      assert.equal(instance.get('woot'), 'yes', 'component found attr after rerender');
-
-      this.runTask(() => {
-        wootVal = 'nope';
-        set(this.context, 'woot', wootVal);
-      });
-
-      assert.equal(instance.get('woot'), 'nope', 'component found attr after attr change');
-
-      this.runTask(() => {
-        wootVal = 'yes';
-        set(this.context, 'woot', wootVal);
-      });
-
-      assert.equal(instance.get('woot'), 'yes', 'component found attr after reset');
-    }
-
-    ['@test getAttr() should return the same value as get()'](assert) {
-      assert.expect(33);
-
-      let instance;
-      let FooBarComponent = Component.extend({
-        init() {
-          this._super(...arguments);
-          instance = this;
-        },
-
-        didReceiveAttrs() {
-          let rootFirstPositional = this.get('firstPositional');
-          let rootFirst = this.get('first');
-          let rootSecond = this.get('second');
-          let attrFirstPositional = this.getAttr('firstPositional');
-          let attrFirst = this.getAttr('first');
-          let attrSecond = this.getAttr('second');
-
-          assert.equal(
-            rootFirstPositional,
-            attrFirstPositional,
-            'root property matches attrs value'
-          );
-          assert.equal(rootFirst, attrFirst, 'root property matches attrs value');
-          assert.equal(rootSecond, attrSecond, 'root property matches attrs value');
-        },
-      });
-
-      FooBarComponent.reopenClass({
-        positionalParams: ['firstPositional'],
-      });
-
-      this.registerComponent('foo-bar', { ComponentClass: FooBarComponent });
-
-      this.render(`{{foo-bar firstPositional first=first second=second}}`, {
-        firstPositional: 'firstPositional',
-        first: 'first',
-        second: 'second',
-      });
-
-      assert.equal(instance.get('firstPositional'), 'firstPositional', 'matches known value');
-      assert.equal(instance.get('first'), 'first', 'matches known value');
-      assert.equal(instance.get('second'), 'second', 'matches known value');
-
-      this.runTask(() => this.rerender());
-
-      assert.equal(instance.get('firstPositional'), 'firstPositional', 'matches known value');
-      assert.equal(instance.get('first'), 'first', 'matches known value');
-      assert.equal(instance.get('second'), 'second', 'matches known value');
-
-      this.runTask(() => {
-        set(this.context, 'first', 'third');
-      });
-
-      assert.equal(instance.get('firstPositional'), 'firstPositional', 'matches known value');
-      assert.equal(instance.get('first'), 'third', 'matches known value');
-      assert.equal(instance.get('second'), 'second', 'matches known value');
-
-      this.runTask(() => {
-        set(this.context, 'second', 'fourth');
-      });
-
-      assert.equal(instance.get('firstPositional'), 'firstPositional', 'matches known value');
-      assert.equal(instance.get('first'), 'third', 'matches known value');
-      assert.equal(instance.get('second'), 'fourth', 'matches known value');
-
-      this.runTask(() => {
-        set(this.context, 'firstPositional', 'fifth');
-      });
-
-      assert.equal(instance.get('firstPositional'), 'fifth', 'matches known value');
-      assert.equal(instance.get('first'), 'third', 'matches known value');
-      assert.equal(instance.get('second'), 'fourth', 'matches known value');
-
-      this.runTask(() => {
-        set(this.context, 'firstPositional', 'firstPositional');
-        set(this.context, 'first', 'first');
-        set(this.context, 'second', 'second');
-      });
-
-      assert.equal(instance.get('firstPositional'), 'firstPositional', 'matches known value');
-      assert.equal(instance.get('first'), 'first', 'matches known value');
-      assert.equal(instance.get('second'), 'second', 'matches known value');
-    }
-
-    ['@test bound computed properties can be overridden in extensions, set during init, and passed in as attrs']() {
-      let FooClass = Component.extend({
-        attributeBindings: ['style'],
-        style: computed('height', 'color', function() {
-          let height = this.get('height');
-          let color = this.get('color');
-          return htmlSafe(`height: ${height}px; background-color: ${color};`);
-        }),
-        color: 'red',
-        height: 20,
-      });
-
-      let BarClass = FooClass.extend({
-        init() {
-          this._super(...arguments);
-          this.height = 150;
-        },
-        color: 'yellow',
-      });
-
-      this.registerComponent('x-foo', { ComponentClass: FooClass });
-      this.registerComponent('x-bar', { ComponentClass: BarClass });
-
-      this.render('{{x-foo}}{{x-bar}}{{x-bar color="green"}}');
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { style: styles('height: 20px; background-color: red;') },
-      });
-      this.assertComponentElement(this.nthChild(1), {
-        tagName: 'div',
-        attrs: { style: styles('height: 150px; background-color: yellow;') },
-      });
-      this.assertComponentElement(this.nthChild(2), {
-        tagName: 'div',
-        attrs: { style: styles('height: 150px; background-color: green;') },
-      });
-
-      this.assertStableRerender();
-
-      // No U-R
-    }
-  }
-);

data/dist/es/ember-glimmer/tests/integration/components/class-bindings-test.js

@@ -1,849 +0,0 @@
-import { moduleFor, RenderingTest } from '../../utils/test-case';
-import { Component } from '../../utils/helpers';
-import { classes } from '../../utils/test-helpers';
-import { set, computed } from 'ember-metal';
-import { strip } from '../../utils/abstract-test-case';
-
-moduleFor(
-  'ClassNameBindings integration',
-  class extends RenderingTest {
-    ['@test it can have class name bindings on the class definition']() {
-      let FooBarComponent = Component.extend({
-        classNameBindings: ['foo', 'isEnabled:enabled', 'isHappy:happy:sad'],
-      });
-
-      this.registerComponent('foo-bar', {
-        ComponentClass: FooBarComponent,
-        template: 'hello',
-      });
-
-      this.render('{{foo-bar foo=foo isEnabled=isEnabled isHappy=isHappy}}', {
-        foo: 'foo',
-        isEnabled: true,
-        isHappy: false,
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo enabled sad') },
-        content: 'hello',
-      });
-
-      this.runTask(() => this.rerender());
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo enabled sad') },
-        content: 'hello',
-      });
-
-      this.runTask(() => {
-        set(this.context, 'foo', 'FOO');
-        set(this.context, 'isEnabled', false);
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view FOO sad') },
-        content: 'hello',
-      });
-
-      this.runTask(() => {
-        set(this.context, 'foo', undefined);
-        set(this.context, 'isHappy', true);
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view happy') },
-        content: 'hello',
-      });
-
-      this.runTask(() => {
-        set(this.context, 'foo', 'foo');
-        set(this.context, 'isEnabled', true);
-        set(this.context, 'isHappy', false);
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo enabled sad') },
-        content: 'hello',
-      });
-    }
-
-    ['@test attrs in classNameBindings']() {
-      let FooBarComponent = Component.extend({
-        classNameBindings: ['attrs.joker:purple:green', 'attrs.batman.robin:black:red'],
-      });
-
-      this.registerComponent('foo-bar', {
-        ComponentClass: FooBarComponent,
-        template: 'hello',
-      });
-
-      this.render('{{foo-bar joker=model.wat batman=model.super}}', {
-        model: { wat: false, super: { robin: true } },
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view green black') },
-        content: 'hello',
-      });
-
-      this.runTask(() => this.rerender());
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view green black') },
-        content: 'hello',
-      });
-
-      this.runTask(() => {
-        set(this.context, 'model.wat', true);
-        set(this.context, 'model.super.robin', false);
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view purple red') },
-        content: 'hello',
-      });
-
-      this.runTask(() =>
-        set(this.context, 'model', {
-          wat: false,
-          super: { robin: true },
-        })
-      );
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view green black') },
-        content: 'hello',
-      });
-    }
-
-    ['@test it can have class name bindings in the template']() {
-      this.registerComponent('foo-bar', { template: 'hello' });
-
-      this.render(
-        '{{foo-bar classNameBindings="model.someInitiallyTrueProperty model.someInitiallyFalseProperty model.someInitiallyUndefinedProperty :static model.isBig:big model.isOpen:open:closed model.isUp::down model.bar:isTruthy:isFalsy"}}',
-        {
-          model: {
-            someInitiallyTrueProperty: true,
-            someInitiallyFalseProperty: false,
-            isBig: true,
-            isOpen: false,
-            isUp: true,
-            bar: true,
-          },
-        }
-      );
-
-      this.assertComponentElement(this.firstChild, {
-        attrs: {
-          class: classes('ember-view some-initially-true-property static big closed isTruthy'),
-        },
-        content: 'hello',
-      });
-
-      this.runTask(() => this.rerender());
-
-      this.assertComponentElement(this.firstChild, {
-        attrs: {
-          class: classes('ember-view some-initially-true-property static big closed isTruthy'),
-        },
-        content: 'hello',
-      });
-
-      this.runTask(() => {
-        set(this.context, 'model.someInitiallyTrueProperty', false);
-        set(this.context, 'model.someInitiallyFalseProperty', true);
-        set(this.context, 'model.someInitiallyUndefinedProperty', true);
-        set(this.context, 'model.isBig', false);
-        set(this.context, 'model.isOpen', true);
-        set(this.context, 'model.isUp', false);
-        set(this.context, 'model.bar', false);
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        attrs: {
-          class: classes(
-            'ember-view some-initially-false-property some-initially-undefined-property static open down isFalsy'
-          ),
-        },
-        content: 'hello',
-      });
-
-      this.runTask(() => {
-        set(this.context, 'model', {
-          someInitiallyTrueProperty: true,
-          someInitiallyFalseProperty: false,
-          someInitiallyUndefinedProperty: undefined,
-          isBig: true,
-          isOpen: false,
-          isUp: true,
-          bar: true,
-        });
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        attrs: {
-          class: classes('ember-view some-initially-true-property static big closed isTruthy'),
-        },
-        content: 'hello',
-      });
-    }
-
-    ['@test it can have class name bindings with nested paths']() {
-      let FooBarComponent = Component.extend({
-        classNameBindings: ['foo.bar', 'is.enabled:enabled', 'is.happy:happy:sad'],
-      });
-
-      this.registerComponent('foo-bar', {
-        ComponentClass: FooBarComponent,
-        template: 'hello',
-      });
-
-      this.render('{{foo-bar foo=foo is=is}}', {
-        foo: { bar: 'foo-bar' },
-        is: { enabled: true, happy: false },
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo-bar enabled sad') },
-        content: 'hello',
-      });
-
-      this.runTask(() => this.rerender());
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo-bar enabled sad') },
-        content: 'hello',
-      });
-
-      this.runTask(() => {
-        set(this.context, 'foo.bar', 'FOO-BAR');
-        set(this.context, 'is.enabled', false);
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view FOO-BAR sad') },
-        content: 'hello',
-      });
-
-      this.runTask(() => {
-        set(this.context, 'foo.bar', null);
-        set(this.context, 'is.happy', true);
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view happy') },
-        content: 'hello',
-      });
-
-      this.runTask(() => {
-        set(this.context, 'foo', null);
-        set(this.context, 'is', null);
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view sad') },
-        content: 'hello',
-      });
-
-      this.runTask(() => {
-        set(this.context, 'foo', { bar: 'foo-bar' });
-        set(this.context, 'is', { enabled: true, happy: false });
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo-bar enabled sad') },
-        content: 'hello',
-      });
-    }
-
-    ['@test it should dasherize the path when the it resolves to true']() {
-      let FooBarComponent = Component.extend({
-        classNameBindings: ['fooBar', 'nested.fooBarBaz'],
-      });
-
-      this.registerComponent('foo-bar', {
-        ComponentClass: FooBarComponent,
-        template: 'hello',
-      });
-
-      this.render('{{foo-bar fooBar=fooBar nested=nested}}', {
-        fooBar: true,
-        nested: { fooBarBaz: false },
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo-bar') },
-        content: 'hello',
-      });
-
-      this.runTask(() => this.rerender());
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo-bar') },
-        content: 'hello',
-      });
-
-      this.runTask(() => {
-        set(this.context, 'fooBar', false);
-        set(this.context, 'nested.fooBarBaz', true);
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo-bar-baz') },
-        content: 'hello',
-      });
-
-      this.runTask(() => {
-        set(this.context, 'fooBar', 'FOO-BAR');
-        set(this.context, 'nested.fooBarBaz', null);
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view FOO-BAR') },
-        content: 'hello',
-      });
-
-      this.runTask(() => set(this.context, 'nested', null));
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view FOO-BAR') },
-        content: 'hello',
-      });
-
-      this.runTask(() => {
-        set(this.context, 'fooBar', true);
-        set(this.context, 'nested', { fooBarBaz: false });
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo-bar') },
-        content: 'hello',
-      });
-    }
-
-    ['@test const bindings can be set as attrs']() {
-      this.registerComponent('foo-bar', { template: 'hello' });
-      this.render('{{foo-bar classNameBindings="foo:enabled:disabled"}}', {
-        foo: true,
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view enabled') },
-        content: 'hello',
-      });
-
-      this.runTask(() => this.rerender());
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view enabled') },
-        content: 'hello',
-      });
-
-      this.runTask(() => set(this.context, 'foo', false));
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view disabled') },
-        content: 'hello',
-      });
-
-      this.runTask(() => set(this.context, 'foo', true));
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view enabled') },
-        content: 'hello',
-      });
-    }
-
-    ['@test :: class name syntax works with an empty true class']() {
-      let FooBarComponent = Component.extend({
-        classNameBindings: ['isEnabled::not-enabled'],
-      });
-
-      this.registerComponent('foo-bar', {
-        ComponentClass: FooBarComponent,
-        template: 'hello',
-      });
-
-      this.render('{{foo-bar isEnabled=enabled}}', {
-        enabled: false,
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view not-enabled') },
-        content: 'hello',
-      });
-
-      this.runTask(() => set(this.context, 'enabled', true));
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view') },
-        content: 'hello',
-      });
-
-      this.runTask(() => set(this.context, 'enabled', false));
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view not-enabled') },
-        content: 'hello',
-      });
-    }
-
-    ['@test uses all provided static class names (issue #11193)']() {
-      let FooBarComponent = Component.extend({
-        classNameBindings: [':class-one', ':class-two'],
-      });
-
-      this.registerComponent('foo-bar', {
-        ComponentClass: FooBarComponent,
-        template: 'hello',
-      });
-
-      this.render('{{foo-bar}}', {
-        enabled: false,
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view class-one class-two') },
-        content: 'hello',
-      });
-
-      this.runTask(() => set(this.context, 'enabled', true));
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        attrs: { class: classes('ember-view class-one class-two') },
-        content: 'hello',
-      });
-    }
-
-    ['@test Providing a binding with a space in it asserts']() {
-      let FooBarComponent = Component.extend({
-        classNameBindings: 'i:think:i am:so:clever',
-      });
-
-      this.registerComponent('foo-bar', {
-        ComponentClass: FooBarComponent,
-        template: 'hello',
-      });
-
-      expectAssertion(() => {
-        this.render('{{foo-bar}}');
-      }, /classNameBindings must not have spaces in them/i);
-    }
-
-    ['@test it asserts that items must be strings']() {
-      let FooBarComponent = Component.extend({
-        foo: 'foo',
-        bar: 'bar',
-        classNameBindings: ['foo', , 'bar'], // eslint-disable-line no-sparse-arrays
-      });
-
-      this.registerComponent('foo-bar', {
-        ComponentClass: FooBarComponent,
-        template: 'hello',
-      });
-
-      expectAssertion(() => {
-        this.render('{{foo-bar}}');
-      }, /classNameBindings must be non-empty strings/);
-    }
-
-    ['@test it asserts that items must be non-empty strings']() {
-      let FooBarComponent = Component.extend({
-        foo: 'foo',
-        bar: 'bar',
-        classNameBindings: ['foo', '', 'bar'],
-      });
-
-      this.registerComponent('foo-bar', {
-        ComponentClass: FooBarComponent,
-        template: 'hello',
-      });
-
-      expectAssertion(() => {
-        this.render('{{foo-bar}}');
-      }, /classNameBindings must be non-empty strings/);
-    }
-
-    ['@test it can set class name bindings in the constructor']() {
-      let FooBarComponent = Component.extend({
-        classNameBindings: ['foo'],
-
-        init() {
-          this._super();
-
-          let bindings = (this.classNameBindings = this.classNameBindings.slice());
-
-          if (this.get('bindIsEnabled')) {
-            bindings.push('isEnabled:enabled');
-          }
-
-          if (this.get('bindIsHappy')) {
-            bindings.push('isHappy:happy:sad');
-          }
-        },
-      });
-
-      this.registerComponent('foo-bar', {
-        ComponentClass: FooBarComponent,
-        template: 'hello',
-      });
-
-      this.render(
-        strip`
-      {{foo-bar foo=foo bindIsEnabled=true isEnabled=isEnabled bindIsHappy=false isHappy=isHappy}}
-      {{foo-bar foo=foo bindIsEnabled=false isEnabled=isEnabled bindIsHappy=true isHappy=isHappy}}
-      {{foo-bar foo=foo bindIsEnabled=true isEnabled=isEnabled bindIsHappy=true isHappy=isHappy}}
-      {{foo-bar foo=foo bindIsEnabled=false isEnabled=isEnabled bindIsHappy=false isHappy=isHappy}}
-    `,
-        { foo: 'foo', isEnabled: true, isHappy: false }
-      );
-
-      this.assertComponentElement(this.nthChild(0), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo enabled') },
-        content: 'hello',
-      });
-      this.assertComponentElement(this.nthChild(1), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo sad') },
-        content: 'hello',
-      });
-      this.assertComponentElement(this.nthChild(2), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo enabled sad') },
-        content: 'hello',
-      });
-      this.assertComponentElement(this.nthChild(3), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo') },
-        content: 'hello',
-      });
-
-      this.runTask(() => this.rerender());
-
-      this.assertComponentElement(this.nthChild(0), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo enabled') },
-        content: 'hello',
-      });
-      this.assertComponentElement(this.nthChild(1), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo sad') },
-        content: 'hello',
-      });
-      this.assertComponentElement(this.nthChild(2), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo enabled sad') },
-        content: 'hello',
-      });
-      this.assertComponentElement(this.nthChild(3), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo') },
-        content: 'hello',
-      });
-
-      this.runTask(() => {
-        set(this.context, 'foo', 'FOO');
-        set(this.context, 'isEnabled', false);
-      });
-
-      this.assertComponentElement(this.nthChild(0), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view FOO') },
-        content: 'hello',
-      });
-      this.assertComponentElement(this.nthChild(1), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view FOO sad') },
-        content: 'hello',
-      });
-      this.assertComponentElement(this.nthChild(2), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view FOO sad') },
-        content: 'hello',
-      });
-      this.assertComponentElement(this.nthChild(3), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view FOO') },
-        content: 'hello',
-      });
-
-      this.runTask(() => {
-        set(this.context, 'foo', undefined);
-        set(this.context, 'isHappy', true);
-      });
-
-      this.assertComponentElement(this.nthChild(0), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view') },
-        content: 'hello',
-      });
-      this.assertComponentElement(this.nthChild(1), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view happy') },
-        content: 'hello',
-      });
-      this.assertComponentElement(this.nthChild(2), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view happy') },
-        content: 'hello',
-      });
-      this.assertComponentElement(this.nthChild(3), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view') },
-        content: 'hello',
-      });
-
-      this.runTask(() => {
-        set(this.context, 'foo', 'foo');
-        set(this.context, 'isEnabled', true);
-        set(this.context, 'isHappy', false);
-      });
-
-      this.assertComponentElement(this.nthChild(0), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo enabled') },
-        content: 'hello',
-      });
-      this.assertComponentElement(this.nthChild(1), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo sad') },
-        content: 'hello',
-      });
-      this.assertComponentElement(this.nthChild(2), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo enabled sad') },
-        content: 'hello',
-      });
-      this.assertComponentElement(this.nthChild(3), {
-        tagName: 'div',
-        attrs: { class: classes('ember-view foo') },
-        content: 'hello',
-      });
-    }
-
-    ['@test using a computed property for classNameBindings triggers an assertion']() {
-      let FooBarComponent = Component.extend({
-        classNameBindings: computed(function() {
-          return ['isHappy:happy:sad'];
-        }),
-      });
-
-      this.registerComponent('foo-bar', {
-        ComponentClass: FooBarComponent,
-        template: 'hello',
-      });
-
-      expectAssertion(() => {
-        this.render('{{foo-bar}}');
-      }, /Only arrays are allowed/);
-    }
-  }
-);
-
-moduleFor(
-  'ClassBinding integration',
-  class extends RenderingTest {
-    ['@test it should apply classBinding without condition always']() {
-      this.registerComponent('foo-bar', { template: 'hello' });
-
-      this.render('{{foo-bar classBinding=":foo"}}');
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        content: 'hello',
-        attrs: { class: classes('foo  ember-view') },
-      });
-
-      this.runTask(() => this.rerender());
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        content: 'hello',
-        attrs: { class: classes('foo  ember-view') },
-      });
-    }
-
-    ['@test it should merge classBinding with class']() {
-      this.registerComponent('foo-bar', { template: 'hello' });
-
-      this.render('{{foo-bar classBinding="birdman:respeck" class="myName"}}', {
-        birdman: true,
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        content: 'hello',
-        attrs: { class: classes('respeck myName ember-view') },
-      });
-
-      this.runTask(() => this.rerender());
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        content: 'hello',
-        attrs: { class: classes('respeck myName ember-view') },
-      });
-    }
-
-    ['@test it should apply classBinding with only truthy condition']() {
-      this.registerComponent('foo-bar', { template: 'hello' });
-
-      this.render('{{foo-bar classBinding="myName:respeck"}}', {
-        myName: true,
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        content: 'hello',
-        attrs: { class: classes('respeck  ember-view') },
-      });
-
-      this.runTask(() => this.rerender());
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        content: 'hello',
-        attrs: { class: classes('respeck  ember-view') },
-      });
-    }
-
-    ['@test it should apply classBinding with only falsy condition']() {
-      this.registerComponent('foo-bar', { template: 'hello' });
-
-      this.render('{{foo-bar classBinding="myName::shade"}}', {
-        myName: false,
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        content: 'hello',
-        attrs: { class: classes('shade  ember-view') },
-      });
-
-      this.runTask(() => this.rerender());
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        content: 'hello',
-        attrs: { class: classes('shade  ember-view') },
-      });
-    }
-
-    ['@test it should apply nothing when classBinding is falsy but only supplies truthy class']() {
-      this.registerComponent('foo-bar', { template: 'hello' });
-
-      this.render('{{foo-bar classBinding="myName:respeck"}}', {
-        myName: false,
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        content: 'hello',
-        attrs: { class: classes('ember-view') },
-      });
-
-      this.runTask(() => this.rerender());
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        content: 'hello',
-        attrs: { class: classes('ember-view') },
-      });
-    }
-
-    ['@test it should apply nothing when classBinding is truthy but only supplies falsy class']() {
-      this.registerComponent('foo-bar', { template: 'hello' });
-
-      this.render('{{foo-bar classBinding="myName::shade"}}', { myName: true });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        content: 'hello',
-        attrs: { class: classes('ember-view') },
-      });
-
-      this.runTask(() => this.rerender());
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        content: 'hello',
-        attrs: { class: classes('ember-view') },
-      });
-    }
-
-    ['@test it should apply classBinding with falsy condition']() {
-      this.registerComponent('foo-bar', { template: 'hello' });
-
-      this.render('{{foo-bar classBinding="swag:fresh:scrub"}}', {
-        swag: false,
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        content: 'hello',
-        attrs: { class: classes('scrub  ember-view') },
-      });
-
-      this.runTask(() => this.rerender());
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        content: 'hello',
-        attrs: { class: classes('scrub  ember-view') },
-      });
-    }
-
-    ['@test it should apply classBinding with truthy condition']() {
-      this.registerComponent('foo-bar', { template: 'hello' });
-
-      this.render('{{foo-bar classBinding="swag:fresh:scrub"}}', {
-        swag: true,
-      });
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        content: 'hello',
-        attrs: { class: classes('fresh  ember-view') },
-      });
-
-      this.runTask(() => this.rerender());
-
-      this.assertComponentElement(this.firstChild, {
-        tagName: 'div',
-        content: 'hello',
-        attrs: { class: classes('fresh  ember-view') },
-      });
-    }
-  }
-);