more test coverage

Author: ef4

__tests__/tests.ts

@@ -1989,6 +1989,136 @@ describe('htmlbars-inline-precompile', function () {
       `);
     });
 
+    it('captures lexical "this" in mustache when template is used as an expression', function () {
+      plugins = [
+        [
+          HTMLBarsInlinePrecompile,
+          {
+            compiler,
+            targetFormat: 'hbs',
+          },
+        ],
+      ];
+
+      let transformed = transform(
+        `import { template } from '@ember/template-compiler'; 
+        function upper(s) { return s.toUpperCase() }
+        export function exampleTest() {
+          this.message = "hello";
+          render(template('{{upper this.message}}', { eval: function() { return eval(arguments[0]) } }))
+        }
+        `
+      );
+
+      expect(transformed).toEqualCode(`
+        import { precompileTemplate } from "@ember/template-compilation";
+        import { setComponentTemplate } from "@ember/component";
+        import templateOnly from "@ember/component/template-only";
+        function upper(s) {
+          return s.toUpperCase();
+        }
+        export function exampleTest() {
+          this.message = "hello";
+          render(
+            setComponentTemplate(
+              precompileTemplate("{{upper this.message}}", {
+                strictMode: true,
+                scope: () => ({
+                  upper,
+                  this: this,
+                }),
+              }),
+              templateOnly()
+            )
+          );
+        }
+      `);
+    });
+
+    it('captures lexical "this" in Element when template is used as an expression', function () {
+      plugins = [
+        [
+          HTMLBarsInlinePrecompile,
+          {
+            compiler,
+            targetFormat: 'hbs',
+          },
+        ],
+      ];
+
+      let transformed = transform(
+        `import { template } from '@ember/template-compiler'; 
+        import SomeComponent from './elsewhere.js';
+        export function exampleTest() {
+          this.message = SomeComponent;
+          render(template('<this.message />', { eval: function() { return eval(arguments[0]) } }))
+        }
+        `
+      );
+
+      expect(transformed).toEqualCode(`
+        import SomeComponent from './elsewhere.js';
+        import { precompileTemplate } from "@ember/template-compilation";
+        import { setComponentTemplate } from "@ember/component";
+        import templateOnly from "@ember/component/template-only";
+        export function exampleTest() {
+          this.message = SomeComponent;
+          render(
+            setComponentTemplate(
+              precompileTemplate("<this.message />", {
+                strictMode: true,
+                scope: () => ({
+                  this: this,
+                }),
+              }),
+              templateOnly()
+            )
+          );
+        }
+      `);
+    });
+
+    it('does not captures lexical "this" when template is used in class body', function () {
+      plugins = [
+        [
+          HTMLBarsInlinePrecompile,
+          {
+            compiler,
+            targetFormat: 'hbs',
+          },
+        ],
+      ];
+
+      let transformed = transform(
+        `import { template } from '@ember/template-compiler'; 
+        import Component from '@glimmer/component';
+        export class Example extends Component {
+          upper(s) { return s.toUpperCase() }
+          message = "hi";
+          static {
+            template('{{this.upper this.message}}', { component: this, eval: function() { return eval(arguments[0]) } })
+          }
+        }
+        `
+      );
+
+      expect(transformed).toEqualCode(`
+        import Component from '@glimmer/component';
+        import { precompileTemplate } from "@ember/template-compilation";
+        import { setComponentTemplate } from "@ember/component";
+        export class Example extends Component {
+          upper(s) { return s.toUpperCase() }
+          message = "hi";
+          static {
+            setComponentTemplate(
+              precompileTemplate("{{this.upper this.message}}", {
+                strictMode: true,
+              }), this)
+          }
+        }
+      `);
+    });
+
     it('leaves ember keywords alone when no local is defined', function () {
       plugins = [
         [