Check for Ember.Component base class

Author: simonihmig

lib/__tests__/__snapshots__/transform.js.snap

@@ -244,6 +244,8 @@ foo
 exports[`native components basic 1`] = `
 "==========
 
+      import Component from '@ember/component';
+
       export default class FooComponent extends Component {
       }
   
@@ -254,6 +256,8 @@ foo
 ~~~~~~~~~~
 
       import { tagName } from \\"@ember-decorators/component\\";
+      import Component from '@ember/component';
+
       @tagName(\\"\\")
       export default class FooComponent extends Component {
       }
@@ -268,6 +272,7 @@ foo
 exports[`native components handles \`@attribute\` and \`@attributeBindings\` correctly 1`] = `
 "==========
 
+      import Component from '@ember/component';
       import { attribute, attributeBindings } from '@ember-decorators/component';
 
       @attributeBindings('foo')
@@ -281,6 +286,7 @@ foo
  => tagName: div
 ~~~~~~~~~~
 
+      import Component from '@ember/component';
       import { tagName } from '@ember-decorators/component';
 
       @tagName(\\"\\")
@@ -298,6 +304,7 @@ foo
 exports[`native components handles \`@attribute\` correctly 1`] = `
 "==========
 
+      import Component from '@ember/component';
       import { attribute } from '@ember-decorators/component';
 
       export default class FooComponent extends Component {
@@ -311,6 +318,7 @@ foo
  => tagName: div
 ~~~~~~~~~~
 
+      import Component from '@ember/component';
       import { tagName } from '@ember-decorators/component';
 
       @tagName(\\"\\")
@@ -329,6 +337,7 @@ foo
 exports[`native components handles \`@attributeBindings\` correctly 1`] = `
 "==========
 
+      import Component from '@ember/component';
       import { attributeBindings } from '@ember-decorators/component';
 
       @attributeBindings('foo', 'bar:baz')
@@ -341,6 +350,7 @@ foo
  => tagName: div
 ~~~~~~~~~~
 
+      import Component from '@ember/component';
       import { tagName } from '@ember-decorators/component';
 
       @tagName(\\"\\")
@@ -357,6 +367,7 @@ foo
 exports[`native components handles \`@className\` correctly 1`] = `
 "==========
 
+      import Component from '@ember/component';
       import { className } from '@ember-decorators/component';
 
       export default class FooComponent extends Component {
@@ -371,6 +382,7 @@ foo
  => tagName: div
 ~~~~~~~~~~
 
+      import Component from '@ember/component';
       import { tagName } from '@ember-decorators/component';
 
       @tagName(\\"\\")
@@ -390,6 +402,7 @@ foo
 exports[`native components handles \`@classNameBindings\` correctly 1`] = `
 "==========
 
+      import Component from '@ember/component';
       import { classNameBindings } from '@ember-decorators/component';
 
       @classNameBindings('a:b', 'x:y:z', 'foo::bar')
@@ -402,6 +415,7 @@ foo
  => tagName: div
 ~~~~~~~~~~
 
+      import Component from '@ember/component';
       import { tagName } from '@ember-decorators/component';
 
       @tagName(\\"\\")
@@ -418,6 +432,7 @@ foo
 exports[`native components handles \`@classNames\` correctly 1`] = `
 "==========
 
+      import Component from '@ember/component';
       import { classNames } from '@ember-decorators/component';
 
       @classNames('foo', 'bar:baz')
@@ -430,6 +445,7 @@ foo
  => tagName: div
 ~~~~~~~~~~
 
+      import Component from '@ember/component';
       import { tagName } from '@ember-decorators/component';
 
       @tagName(\\"\\")
@@ -446,6 +462,8 @@ foo
 exports[`native components handles \`elementId\` correctly 1`] = `
 "==========
 
+      import Component from '@ember/component';
+
       export default class FooComponent extends Component {
         elementId = 'qux';
       }
@@ -457,6 +475,8 @@ foo
 ~~~~~~~~~~
 
       import { tagName } from \\"@ember-decorators/component\\";
+      import Component from '@ember/component';
+
       @tagName(\\"\\")
       export default class FooComponent extends Component {}
     
@@ -470,6 +490,7 @@ foo
 exports[`native components handles \`hasComponentCSS\` option correctly 1`] = `
 "==========
 
+      import Component from '@ember/component';
       import { classNames } from '@ember-decorators/component';
 
       @classNames('foo', 'bar:baz')
@@ -482,6 +503,7 @@ foo
  => tagName: div
 ~~~~~~~~~~
 
+      import Component from '@ember/component';
       import { tagName } from '@ember-decorators/component';
 
       @tagName(\\"\\")
@@ -498,6 +520,7 @@ foo
 exports[`native components handles single \`@classNames\` item correctly 1`] = `
 "==========
 
+      import Component from '@ember/component';
       import { classNames } from '@ember-decorators/component';
 
       @classNames('foo')
@@ -510,6 +533,7 @@ foo
  => tagName: div
 ~~~~~~~~~~
 
+      import Component from '@ember/component';
       import { tagName } from '@ember-decorators/component';
 
       @tagName(\\"\\")
@@ -525,7 +549,11 @@ foo
 
 exports[`native components multi-line template 1`] = `
 "==========
-export default class extends Component {};
+
+      import Component from '@ember/component';
+
+      export default class extends Component {};
+    
 ~~~~~~~~~~
 {{#if this.foo}}
   FOO
@@ -535,9 +563,13 @@ export default class extends Component {};
 ~~~~~~~~~~
  => tagName: div
 ~~~~~~~~~~
-import { tagName } from \\"@ember-decorators/component\\";
-@tagName(\\"\\")
-export default class extends Component {}
+
+      import { tagName } from \\"@ember-decorators/component\\";
+      import Component from '@ember/component';
+
+      @tagName(\\"\\")
+      export default class extends Component {}
+    
 ~~~~~~~~~~
 <div ...attributes>
   {{#if this.foo}}
@@ -549,9 +581,38 @@ export default class extends Component {}
 =========="
 `;
 
+exports[`native components renamed import 1`] = `
+"==========
+
+      import Base from '@ember/component';
+
+      export default class FooComponent extends Base {
+      }
+  
+~~~~~~~~~~
+foo
+~~~~~~~~~~
+ => tagName: div
+~~~~~~~~~~
+
+      import { tagName } from \\"@ember-decorators/component\\";
+      import Base from '@ember/component';
+
+      @tagName(\\"\\")
+      export default class FooComponent extends Base {
+      }
+  
+~~~~~~~~~~
+<div ...attributes>
+  foo
+</div>
+=========="
+`;
+
 exports[`native components replaces existing \`tagName\` 1`] = `
 "==========
 
+      import Component from '@ember/component';
       import { tagName } from '@ember-decorators/component';
 
       @tagName('span')
@@ -564,6 +625,7 @@ foo
  => tagName: span
 ~~~~~~~~~~
 
+      import Component from '@ember/component';
       import { tagName } from '@ember-decorators/component';
 
       @tagName(\\"\\")