First basic support for native classes

Author: simonihmig

lib/__tests__/__snapshots__/transform.js.snap

@@ -1,11 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`basic 1`] = `
+exports[`classic components basic 1`] = `
 "==========
 
     export default Component.extend({
     });
-  
+
 ~~~~~~~~~~
 foo
 ~~~~~~~~~~
@@ -15,7 +15,7 @@ foo
     export default Component.extend({
         tagName: \\"\\"
     });
-  
+
 ~~~~~~~~~~
 <div ...attributes>
   foo
@@ -29,7 +29,7 @@ exports[`handles \`ariaRole\` correctly 1`] = `
     export default Component.extend({
       ariaRole: 'button',
     });
-  
+
 ~~~~~~~~~~
 foo
 ~~~~~~~~~~
@@ -39,7 +39,7 @@ foo
     export default Component.extend({
       tagName: \\"\\",
     });
-  
+
 ~~~~~~~~~~
 <div role=\\"button\\" ...attributes>
   foo
@@ -53,7 +53,7 @@ exports[`handles \`attributeBindings\` correctly 1`] = `
     export default Component.extend({
       attributeBindings: ['foo', 'bar:baz'],
     });
-  
+
 ~~~~~~~~~~
 foo
 ~~~~~~~~~~
@@ -63,21 +63,21 @@ foo
     export default Component.extend({
       tagName: \\"\\",
     });
-  
+
 ~~~~~~~~~~
 <div foo={{this.foo}} baz={{this.bar}} ...attributes>
   foo
 </div>
 =========="
 `;
 
-exports[`handles \`classNameBindings\` correctly 1`] = `
+exports[`classic components handles \`classNameBindings\` correctly 1`] = `
 "==========
 
     export default Component.extend({
       classNameBindings: ['a:b', 'x:y:z', 'foo::bar'],
     });
-  
+
 ~~~~~~~~~~
 foo
 ~~~~~~~~~~
@@ -87,21 +87,21 @@ foo
     export default Component.extend({
       tagName: \\"\\",
     });
-  
+
 ~~~~~~~~~~
 <div class=\\"{{if this.a \\"b\\"}} {{if this.x \\"y\\" \\"z\\"}} {{unless this.foo \\"bar\\"}}\\" ...attributes>
   foo
 </div>
 =========="
 `;
 
-exports[`handles \`classNames\` correctly 1`] = `
+exports[`classic components handles \`classNames\` correctly 1`] = `
 "==========
 
     export default Component.extend({
       classNames: ['foo', 'bar:baz'],
     });
-  
+
 ~~~~~~~~~~
 foo
 ~~~~~~~~~~
@@ -111,21 +111,21 @@ foo
     export default Component.extend({
       tagName: \\"\\",
     });
-  
+
 ~~~~~~~~~~
 <div class=\\"foo bar:baz\\" ...attributes>
   foo
 </div>
 =========="
 `;
 
-exports[`handles \`elementId\` correctly 1`] = `
+exports[`classic components handles \`elementId\` correctly 1`] = `
 "==========
 
     export default Component.extend({
       elementId: 'qux',
     });
-  
+
 ~~~~~~~~~~
 foo
 ~~~~~~~~~~
@@ -135,21 +135,21 @@ foo
     export default Component.extend({
       tagName: \\"\\",
     });
-  
+
 ~~~~~~~~~~
 <div id=\\"qux\\" ...attributes>
   foo
 </div>
 =========="
 `;
 
-exports[`handles \`hasComponentCSS\` option correctly 1`] = `
+exports[`classic components handles \`hasComponentCSS\` option correctly 1`] = `
 "==========
 
     export default Component.extend({
       classNames: ['foo', 'bar:baz'],
     });
-  
+
 ~~~~~~~~~~
 foo
 ~~~~~~~~~~
@@ -159,21 +159,21 @@ foo
     export default Component.extend({
       tagName: \\"\\",
     });
-  
+
 ~~~~~~~~~~
 <div class=\\"{{styleNamespace}} foo bar:baz\\" ...attributes>
   foo
 </div>
 =========="
 `;
 
-exports[`handles single \`classNames\` item correctly 1`] = `
+exports[`classic components handles single \`classNames\` item correctly 1`] = `
 "==========
 
     export default Component.extend({
       classNames: ['foo'],
     });
-  
+
 ~~~~~~~~~~
 foo
 ~~~~~~~~~~
@@ -183,15 +183,15 @@ foo
     export default Component.extend({
       tagName: \\"\\",
     });
-  
+
 ~~~~~~~~~~
 <div class=\\"foo\\" ...attributes>
   foo
 </div>
 =========="
 `;
 
-exports[`multi-line template 1`] = `
+exports[`classic components multi-line template 1`] = `
 "==========
 export default Component.extend({});
 ~~~~~~~~~~
@@ -217,13 +217,13 @@ export default Component.extend({
 =========="
 `;
 
-exports[`replaces existing \`tagName\` 1`] = `
+exports[`classic components replaces existing \`tagName\` 1`] = `
 "==========
 
     export default Component.extend({
       tagName: 'span',
     });
-  
+
 ~~~~~~~~~~
 foo
 ~~~~~~~~~~
@@ -233,7 +233,111 @@ foo
     export default Component.extend({
       tagName: \\"\\",
     });
-  
+
+~~~~~~~~~~
+<span ...attributes>
+  foo
+</span>
+=========="
+`;
+
+exports[`native components basic 1`] = `
+"==========
+
+      export default class FooComponent extends Component {
+      }
+
+~~~~~~~~~~
+foo
+~~~~~~~~~~
+ => tagName: div
+~~~~~~~~~~
+
+      import { tagName } from \\"@ember-decorators/component\\";
+      @tagName(\\"\\")
+      export default class FooComponent extends Component {
+      }
+
+~~~~~~~~~~
+<div ...attributes>
+  foo
+</div>
+=========="
+`;
+
+exports[`native components handles \`@attributeBindings\` correctly 1`] = `
+"==========
+
+      import { attributeBindings } from '@ember-decorators/component';
+
+      @attributeBindings('foo', 'bar:baz')
+      export default class FooComponent extends Component {
+      }
+
+~~~~~~~~~~
+foo
+~~~~~~~~~~
+ => tagName: div
+~~~~~~~~~~
+
+      import { tagName } from '@ember-decorators/component';
+
+      @tagName(\\"\\")
+      export default class FooComponent extends Component {
+      }
+
+~~~~~~~~~~
+<div foo={{this.foo}} baz={{this.bar}} ...attributes>
+  foo
+</div>
+=========="
+`;
+
+exports[`native components handles \`elementId\` correctly 1`] = `
+"==========
+
+      export default class FooComponent extends Component {
+        elementId = 'qux';
+      }
+
+~~~~~~~~~~
+foo
+~~~~~~~~~~
+ => tagName: div
+~~~~~~~~~~
+
+      import { tagName } from \\"@ember-decorators/component\\";
+      @tagName(\\"\\")
+      export default class FooComponent extends Component {}
+
+~~~~~~~~~~
+<div id=\\"qux\\" ...attributes>
+  foo
+</div>
+=========="
+`;
+
+exports[`native components replaces existing \`tagName\` 1`] = `
+"==========
+
+      import { tagName } from '@ember-decorators/component';
+
+      @tagName('span')
+      export default class FooComponent extends Component {
+      }
+
+~~~~~~~~~~
+foo
+~~~~~~~~~~
+ => tagName: span
+~~~~~~~~~~
+
+      import { tagName } from '@ember-decorators/component';
+
+      @tagName(\\"\\")
+      export default class FooComponent extends Component {
+      }
+
 ~~~~~~~~~~
 <span ...attributes>
   foo