Merge branch 'nvp/test-for-satisfies' into push-yyuuounswlrq

Author: NullVoxPopuli

packages/environment-ember-template-imports/-private/environment/transform.ts

@@ -122,6 +122,23 @@ type ETIDefaultSatisfiesTemplate = ts.ExpressionStatement & {
   expression: ts.SatisfiesExpression & { expression: ETITemplateLiteral };
 };
 
+/**
+ * Implicit default export:
+ * 
+ *   ( <template></template> )
+ *   ^ ExpressionStatement
+ * 
+ *   ( <template></template> satisfies ... )
+ *   ^ SatisfiesExpression
+ * 
+ * But!
+ * 
+ *   ( const X = <template></template> satisfies ... )
+ *   ^ VariableStatement
+ * 
+ * So when we check for a wrapping SatisfiesExpression, we need to also make sure 
+ * the parent node is not a variable Statement.
+ */
 function isETIDefaultTemplate(ts: TSLib, node: ts.Node): node is ETIDefaultTemplate {
   return ts.isExpressionStatement(node) && isETITemplateLiteral(ts, node.expression);
 }

test-packages/package-test-core/__tests__/transform/rewrite.test.ts

@@ -466,6 +466,34 @@ describe('Transform: rewriteModule', () => {
         }"
       `);
     });
+
+
+    test('handles satisfies', () => {
+      const emberTemplateImportsEnvironment = GlintEnvironment.load('ember-template-imports');
+
+      let script = {
+        filename: 'test.gts',
+        contents: [
+          `import type { TOC } from '@ember/component/template-only';`,
+          ``,
+          `const SmolComp = `,
+          `  <template>`,
+          `    Hello there, {{@name}}`,
+          `  <template> satisfies TOC<{ Args: { name: string }}>;`,
+          ``,
+          `<template>`,
+          `  <SmolComp @name="Ember" />`,
+          `</template> satisfies TOC<{ Args: {}, Blocks: {}, Element: null }>`,
+          ``,
+        ].join('\n'),
+      };
+
+      let transformedModule = rewriteModule(ts, { script }, emberTemplateImportsEnvironment);
+
+      expect(transformedModule?.transformedContents).toMatchInlineSnapshot('two components');
+      expect(transformedModule?.errors).toEqual([]);
+    });
+
     test('embedded gts templates', () => {
       let customEnv = GlintEnvironment.load(['ember-loose', 'ember-template-imports']);
       let script = {