Merge pull request #21054 from emberjs/gjs-test-support

Template tag support in ember's test suite

Author: ef4

index.html

@@ -61,25 +61,28 @@
 
     <script type="module">
       // tests in internal packages
-      import.meta.glob('./packages/@ember/-internals/*/tests/**/*.{js,ts}', {
+      import.meta.glob('./packages/@ember/-internals/*/tests/**/*.{js,ts,gjs,gts}', {
         eager: true,
       });
 
       // tests in scoped packages
-      import.meta.glob('./packages/*/*/tests/**/*.{js,ts}', {
+      import.meta.glob('./packages/*/*/tests/**/*.{js,ts,gjs,gts}', {
         eager: true,
       });
 
       // tests in non-scoped packages
-      import.meta.glob('./packages/*/tests/**/*.{js,ts}', {
+      import.meta.glob('./packages/*/tests/**/*.{js,ts,gjs,gts}', {
         eager: true,
       });
 
       // packages originally authored in glimmer-vm repo have a different test
       // naming convention
-      import.meta.glob('./packages/{@glimmer,@glimmer-workspace}/*/test/**/*-test.{js,ts}', {
-        eager: true,
-      });
+      import.meta.glob(
+        './packages/{@glimmer,@glimmer-workspace}/*/test/**/*-test.{js,ts,gjs,gts}',
+        {
+          eager: true,
+        }
+      );
     </script>
 
     <div id="qunit"></div>

package.json

@@ -95,6 +95,7 @@
     "@babel/types": "^7.22.5",
     "@embroider/macros": "^1.18.0",
     "@embroider/shared-internals": "^2.5.0",
+    "@embroider/vite": "^1.1.5",
     "@eslint/js": "^9.21.0",
     "@glimmer/component": "workspace:*",
     "@rollup/plugin-babel": "^6.0.4",

packages/@ember/-internals/glimmer/tests/integration/custom-helper-test.gjs

@@ -0,0 +1,20 @@
+import { RenderingTestCase, moduleFor } from 'internal-test-helpers';
+import { Helper } from '../../index';
+
+moduleFor(
+  'Custom Helper test',
+  class extends RenderingTestCase {
+    ['@test works with strict-mode']() {
+      class Custom extends Helper {
+        compute([value]) {
+          return `${value}-custom`;
+        }
+      }
+
+      let TestComponent = <template>{{ (Custom 'my-test') }}</template>
+      this.render(`<this.TestComponent />`, { TestComponent });
+      this.assertText('my-test-custom');
+      this.assertStableRerender();
+    }
+  }
+);

packages/@ember/-internals/glimmer/tests/integration/custom-helper-test.js

@@ -11,6 +11,7 @@ import {
   exposedDependencies,
   hiddenDependencies,
 } from './rollup.config.mjs';
+import { templateTag } from '@embroider/vite';
 
 const require = createRequire(import.meta.url);
 const projectRoot = dirname(fileURLToPath(import.meta.url));
@@ -32,9 +33,10 @@ export default defineConfig(({ mode }) => {
 
   return {
     plugins: [
+      templateTag(),
       babel({
         babelHelpers: 'bundled',
-        extensions: ['.js', '.ts'],
+        extensions: ['.js', '.ts', '.gjs', '.gts'],
         configFile: resolve(dirname(fileURLToPath(import.meta.url)), './babel.test.config.mjs'),
       }),
       resolvePackages(