First basic support for native classes

Author: simonihmig

lib/__tests__/__snapshots__/transform.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`basic 1`] = `
+exports[`classic components basic 1`] = `
 "==========
 
     export default Component.extend({
@@ -23,7 +23,7 @@ foo
 =========="
 `;
 
-exports[`handles \`attributeBindings\` correctly 1`] = `
+exports[`classic components handles \`attributeBindings\` correctly 1`] = `
 "==========
 
     export default Component.extend({
@@ -47,7 +47,7 @@ foo
 =========="
 `;
 
-exports[`handles \`classNameBindings\` correctly 1`] = `
+exports[`classic components handles \`classNameBindings\` correctly 1`] = `
 "==========
 
     export default Component.extend({
@@ -71,7 +71,7 @@ foo
 =========="
 `;
 
-exports[`handles \`classNames\` correctly 1`] = `
+exports[`classic components handles \`classNames\` correctly 1`] = `
 "==========
 
     export default Component.extend({
@@ -95,7 +95,7 @@ foo
 =========="
 `;
 
-exports[`handles \`elementId\` correctly 1`] = `
+exports[`classic components handles \`elementId\` correctly 1`] = `
 "==========
 
     export default Component.extend({
@@ -119,7 +119,7 @@ foo
 =========="
 `;
 
-exports[`handles \`hasComponentCSS\` option correctly 1`] = `
+exports[`classic components handles \`hasComponentCSS\` option correctly 1`] = `
 "==========
 
     export default Component.extend({
@@ -143,7 +143,7 @@ foo
 =========="
 `;
 
-exports[`handles single \`classNames\` item correctly 1`] = `
+exports[`classic components handles single \`classNames\` item correctly 1`] = `
 "==========
 
     export default Component.extend({
@@ -167,7 +167,7 @@ foo
 =========="
 `;
 
-exports[`multi-line template 1`] = `
+exports[`classic components multi-line template 1`] = `
 "==========
 export default Component.extend({});
 ~~~~~~~~~~
@@ -193,7 +193,7 @@ export default Component.extend({
 =========="
 `;
 
-exports[`replaces existing \`tagName\` 1`] = `
+exports[`classic components replaces existing \`tagName\` 1`] = `
 "==========
 
     export default Component.extend({
@@ -216,3 +216,107 @@ 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
+</span>
+=========="
+`;