make sure build and test work for new addons

Author: mansona

files/package.json

@@ -45,7 +45,8 @@
     "@embroider/core": "^4.0.0-alpha.10",
     "@embroider/macros": "^1.17.0-alpha.8",
     "@embroider/vite": "^1.0.0-alpha.12",
-    "@eslint/js": "^9.17.0",<% if (typescript) { %>
+    "@eslint/js": "^9.17.0",
+    "@glimmer/component": "^2.0.0",<% if (typescript) { %>
     "@glint/core": "^1.4.0",
     "@glint/environment-ember-loose": "^1.4.0",
     "@glint/environment-ember-template-imports": "^1.4.0",
@@ -68,7 +69,8 @@
     "prettier-plugin-ember-template-tag": "^2.0.4",
     "qunit": "^2.24.1",
     "qunit-dom": "^3.4.0",
-    "rollup": "^4.22.5",<% if (typescript) { %>
+    "rollup": "^4.22.5",
+    "testem": "^3.15.1",<% if (typescript) { %>
     "typescript-eslint": "^8.19.1",
     "typescript": "~5.6.0",<% } %>
     "vite": "^6.2.4"

files/testem.js

@@ -0,0 +1,27 @@
+/* global module, process */
+'use strict';
+
+if (typeof module !== 'undefined') {
+  module.exports = {
+    test_page: 'tests/index.html?hidepassed',
+    cwd: 'dist',
+    disable_watching: true,
+    launch_in_ci: ['Chrome'],
+    launch_in_dev: ['Chrome'],
+    browser_start_timeout: 120,
+    browser_args: {
+      Chrome: {
+        ci: [
+          // --no-sandbox is needed when running Chrome inside a container
+          process.env.CI ? '--no-sandbox' : null,
+          '--headless',
+          '--disable-dev-shm-usage',
+          '--disable-software-rasterizer',
+          '--mute-audio',
+          '--remote-debugging-port=0',
+          '--window-size=1440,900',
+        ].filter(Boolean),
+      },
+    },
+  };
+}

tests/fixtures/addon/components/template-import.gjs

@@ -0,0 +1,14 @@
+import Component from '@glimmer/component';
+import { on } from '@ember/modifier';
+
+export default class TemplateImport extends Component {
+  <template>
+    Hello from a GJS file
+
+    <button {{on "click" this.saySomething}}></button>
+  </template>
+
+  saySomething() {
+    console.log("something");
+  }
+}

tests/fixtures/rendering-tests/template-import-test.gjs

@@ -0,0 +1,14 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import TemplateImport from "my-addon/components/template-import";
+
+module('Rendering | template-import', function(hooks) {
+  setupRenderingTest(hooks);
+
+  test('it renders', async function(assert) {
+    await render(<template><TemplateImport /></template>);
+
+    assert.dom().hasText('Hello from a GJS file');
+  })
+});

tests/smoke-tests/defaults.test.ts

@@ -4,6 +4,7 @@ import tmp from 'tmp-promise';
 let localEmberCli = require.resolve('ember-cli/bin/ember');
 import { beforeAll, describe, expect, it } from 'vitest';
 import {execa } from 'execa';
+import fixturify from 'fixturify';
 
 const blueprintPath = path.join(__dirname, '../..');
 
@@ -91,34 +92,42 @@ for (let packageManager of SUPPORTED_PACKAGE_MANAGERS) {
       expect(exitCode).toEqual(0);
     });
 
-    it.skip('build and test ', async () => {
-      // Copy over fixtures
-      await helper.fixtures.use('./my-addon/src/components');
-      await helper.fixtures.use('./test-app/tests');
+    it('build and test', async () => {
+      let addonFixture = fixturify.readSync('./fixtures/addon');
+      fixturify.writeSync(join(addonDir, 'src'), addonFixture);
+
+      let testFixture = fixturify.readSync('./fixtures/rendering-tests');
+      fixturify.writeSync(join(addonDir, 'tests/rendering'), testFixture);
 
       // Ensure that we have no lint errors.
       // It's important to keep this along with the tests,
       // so that we can have confidence that the lints aren't destructively changing
       // the files in a way that would break consumers
-      let { exitCode } = await helper.run('lint:fix');
+      let { exitCode } = await execa({cwd: addonDir})`${packageManager} run lint:fix`;
 
       expect(exitCode).toEqual(0);
 
-      let buildResult = await helper.build();
+      let buildResult = await execa({cwd: addonDir})`${packageManager} run build`;
 
       expect(buildResult.exitCode).toEqual(0);
 
-      let contents = await dirContents(distDir);
+      let contents = await dirContents(join(addonDir, 'dist'));
 
       expect(contents).to.deep.equal(['_app_', 'components', 'index.js', 'index.js.map']);
 
-      let testResult = await helper.run('test:ember');
+      let testResult = await await execa({cwd: addonDir})`${packageManager} run test`;
 
       expect(testResult.exitCode).toEqual(0);
 
-      expect(testResult.stdout).to.include('# tests 4');
-      expect(testResult.stdout).to.include('# pass  4');
-      expect(testResult.stdout).to.include('# fail  0');
+      expect(testResult.stdout).includes(`# tests 2
+# pass  2
+# skip  0
+# todo  0
+# fail  0
+
+# ok`, testResult.stdout);
+      
+      
     });
   });
 }