fix tests

Author: patricklx

__tests__/tests.ts

@@ -996,14 +996,14 @@ describe('htmlbars-inline-precompile', function () {
     expect(transformed).toContain(`window.define('my-app/components/thing', thing)`);
   });
 
-  it('can emit side-effectful import', function () {
-    let compatTransform: ExtendedPluginBuilder = () => {
+  it('update scope correctly', function () {
+    let compatTransform: ExtendedPluginBuilder = (env) => {
       return {
         name: 'compat-transform',
         visitor: {
-          ElementNode(node) {
+          ElementNode(node, path) {
             if (node.tag === 'Thing') {
-              node.tag = 'NewThing';
+              node.tag = env.meta.jsutils.bindExpression('Thing', path, { nameHint: 'NewThing' });
             }
           },
         },
@@ -1014,15 +1014,14 @@ describe('htmlbars-inline-precompile', function () {
 
     let transformed = transform(stripIndent`
       import { precompileTemplate } from '@ember/template-compilation';
-      let NewThing = '';
       export default function() {
         const template = precompileTemplate('<Thing />');
       }
     `);
 
     expect(transformed).toEqualCode(`
       import { precompileTemplate } from '@ember/template-compilation';
-      let NewThing = '';
+      let NewThing = Thing;
       export default function () {
         const template = precompileTemplate("<NewThing />", {
           scope: () => ({
@@ -1033,34 +1032,45 @@ describe('htmlbars-inline-precompile', function () {
   });
 
   it('updates scope correctly when renamed', function () {
-    let renameTransform: ExtendedPluginBuilder = () => {
+
+    let importTransform: ExtendedPluginBuilder = (env) => {
       return {
         name: 'compat-transform',
         visitor: {
-          ElementNode(node) {
+          ElementNode(node, path) {
             if (node.tag === 'Thing') {
-              node.tag = 'NewThing';
+              env.meta.jsutils.bindImport('the-thing', 'Thing', path);
             }
           },
         },
       };
     };
 
-    plugins = [[HTMLBarsInlinePrecompile, { targetFormat: 'hbs', transforms: [] }]];
+    let renameTransform: ExtendedPluginBuilder = (env) => {
+      return {
+        name: 'compat-transform',
+        visitor: {
+          ElementNode(node, path) {
+            if (node.tag === 'Thing') {
+              node.tag = env.meta.jsutils.bindExpression('Thing', path, { nameHint: 'NewThing' });
+            }
+          },
+        },
+      };
+    };
+
+    plugins = [[HTMLBarsInlinePrecompile, { targetFormat: 'hbs', transforms: [importTransform] }]];
 
     let transformed = transform(stripIndent`
       import { precompileTemplate } from '@ember/template-compilation';
-      let Thing = '';
-      let NewThing = '';
       export default function() {
         const template = precompileTemplate('<Thing />');
       }
     `);
 
     expect(transformed).toEqualCode(`
       import { precompileTemplate } from '@ember/template-compilation';
-      let Thing = '';
-      let NewThing = '';
+      import { Thing } from "the-thing";
       export default function () {
         const template = precompileTemplate("<Thing />", {
           scope: () => ({
@@ -1075,8 +1085,8 @@ describe('htmlbars-inline-precompile', function () {
 
     expect(transformed).toEqualCode(`
       import { precompileTemplate } from '@ember/template-compilation';
-      let Thing = '';
-      let NewThing = '';
+      import { Thing } from "the-thing";
+      let NewThing = Thing;
       export default function () {
         const template = precompileTemplate("<NewThing />", {
           scope: () => ({
@@ -1086,7 +1096,7 @@ describe('htmlbars-inline-precompile', function () {
       }`);
   });
 
-  it('updates scope correctly when renamed', function () {
+  it('can emit side-effectful import', function () {
     let compatTransform: ExtendedPluginBuilder = (env) => {
       return {
         name: 'compat-transform',
@@ -1218,7 +1228,6 @@ describe('htmlbars-inline-precompile', function () {
         const template = precompileTemplate("<Message @text={{two}} />", {
           moduleName: 'customModuleName',
           scope: () => ({
-            Message,
             two
           })
         });

src/js-utils.ts

@@ -155,7 +155,7 @@ export class JSUtils {
           t.variableDeclarator(t.identifier(identifier), importedIdentifier),
         ])
       );
-      declaration.scope.registerBinding('let', declaration.get('declarations.0') as NodePath
+      declaration.scope.registerBinding('let', declaration.get('declarations.0') as NodePath);
     }
     this.#scopeLocals.add(identifier);
     return identifier;

src/scope-locals.ts

@@ -13,15 +13,15 @@ import { ASTPluginEnvironment, NodeVisitor } from '@glimmer/syntax';
 import { astNodeHasBinding } from './hbs-utils';
 
 export class ScopeLocals {
-  constructor(jsPath: NodePath<t.Expression>, checkJsScope: Boolean = false) {
+  constructor(jsPath: NodePath<t.Expression>, checkJsScope = false) {
     this.#jsPath = jsPath;
     this.#checkJsScope = checkJsScope;
   }
 
   #mapping: Record<string, string> = {};
   #locals: string[] = [];
   #jsPath: NodePath<t.Expression>;
-  #checkJsScope: Boolean;
+  #checkJsScope: boolean;
 
   get locals() {
     return this.#locals;