Enable all tests

Author: simonihmig

lib/__tests__/__snapshots__/transform.js.snap

@@ -293,7 +293,7 @@ foo
 =========="
 `;
 
-exports[`native components handles \`classNameBindings\` correctly 1`] = `
+exports[`native components handles \`@classNameBindings\` correctly 1`] = `
 "==========
 
       import { classNameBindings } from '@ember-decorators/component';
@@ -321,7 +321,7 @@ foo
 =========="
 `;
 
-exports[`native components handles \`classNames\` correctly 1`] = `
+exports[`native components handles \`@classNames\` correctly 1`] = `
 "==========
 
       import { classNames } from '@ember-decorators/component';
@@ -373,7 +373,35 @@ foo
 =========="
 `;
 
-exports[`native components handles single \`classNames\` item correctly 1`] = `
+exports[`native components handles \`hasComponentCSS\` option correctly 1`] = `
+"==========
+
+      import { classNames } from '@ember-decorators/component';
+
+      @classNames('foo', 'bar:baz')
+      export default class extends Component {
+      }
+    
+~~~~~~~~~~
+foo
+~~~~~~~~~~
+ => tagName: div
+~~~~~~~~~~
+
+      import { tagName } from '@ember-decorators/component';
+
+      @tagName(\\"\\")
+      export default class extends Component {
+      }
+    
+~~~~~~~~~~
+<div class=\\"{{styleNamespace}} foo bar:baz\\" ...attributes>
+  foo
+</div>
+=========="
+`;
+
+exports[`native components handles single \`@classNames\` item correctly 1`] = `
 "==========
 
       import { classNames } from '@ember-decorators/component';
@@ -401,6 +429,32 @@ foo
 =========="
 `;
 
+exports[`native components multi-line template 1`] = `
+"==========
+export default class extends Component {};
+~~~~~~~~~~
+{{#if this.foo}}
+  FOO
+{{else}}
+  BAR
+{{/if}}
+~~~~~~~~~~
+ => tagName: div
+~~~~~~~~~~
+import { tagName } from \\"@ember-decorators/component\\";
+@tagName(\\"\\")
+export default class extends Component {}
+~~~~~~~~~~
+<div ...attributes>
+  {{#if this.foo}}
+    FOO
+  {{else}}
+    BAR
+  {{/if}}
+</div>
+=========="
+`;
+
 exports[`native components replaces existing \`tagName\` 1`] = `
 "==========
 

lib/__tests__/transform.js

@@ -308,7 +308,7 @@ describe('native components', function() {
     expect(generateSnapshot(source, template)).toMatchSnapshot();
   });
 
-  test('handles `classNames` correctly', () => {
+  test('handles `@classNames` correctly', () => {
     let source = `
       import { classNames } from '@ember-decorators/component';
 
@@ -322,7 +322,7 @@ describe('native components', function() {
     expect(generateSnapshot(source, template)).toMatchSnapshot();
   });
 
-  test('handles single `classNames` item correctly', () => {
+  test('handles single `@classNames` item correctly', () => {
     let source = `
       import { classNames } from '@ember-decorators/component';
 
@@ -336,7 +336,7 @@ describe('native components', function() {
     expect(generateSnapshot(source, template)).toMatchSnapshot();
   });
 
-  test('handles `classNameBindings` correctly', () => {
+  test('handles `@classNameBindings` correctly', () => {
     let source = `
       import { classNameBindings } from '@ember-decorators/component';
 
@@ -422,30 +422,32 @@ describe('native components', function() {
       `"Using \`click()\` is not supported in tagless components"`
     );
   });
-  //
-  //   test('multi-line template', () => {
-  //     let source = `export default Component.extend({});`;
-  //
-  //     let template = `
-  // {{#if this.foo}}
-  //   FOO
-  // {{else}}
-  //   BAR
-  // {{/if}}
-  // `.trim();
-  //
-  //     expect(generateSnapshot(source, template)).toMatchSnapshot();
-  //   });
-  //
-  //   test('handles `hasComponentCSS` option correctly', () => {
-  //     let source = `
-  //     export default Component.extend({
-  //       classNames: ['foo', 'bar:baz'],
-  //     });
-  //   `;
-  //
-  //     let template = `foo`;
-  //
-  //     expect(generateSnapshot(source, template, { hasComponentCSS: true })).toMatchSnapshot();
-  //   });
+
+  test('multi-line template', () => {
+    let source = `export default class extends Component {};`;
+
+    let template = `
+{{#if this.foo}}
+  FOO
+{{else}}
+  BAR
+{{/if}}
+  `.trim();
+
+    expect(generateSnapshot(source, template)).toMatchSnapshot();
+  });
+
+  test('handles `hasComponentCSS` option correctly', () => {
+    let source = `
+      import { classNames } from '@ember-decorators/component';
+
+      @classNames('foo', 'bar:baz')
+      export default class extends Component {
+      }
+    `;
+
+    let template = `foo`;
+
+    expect(generateSnapshot(source, template, { hasComponentCSS: true })).toMatchSnapshot();
+  });
 });