Merge pull request #601 from mansona/gjs-tests

Author: MelSumner

package.json

@@ -68,7 +68,7 @@
     "axe-core": "^4.10.3",
     "broccoli-persistent-filter": "^3.1.2",
     "ember-auto-import": "^2.2.4",
-    "ember-cli-babel": "^7.26.11",
+    "ember-cli-babel": "^8.2.0",
     "ember-cli-htmlbars": "^6.3.0",
     "ember-cli-typescript": "^4.2.1",
     "ember-cli-version-checker": "^5.1.2",
@@ -106,6 +106,7 @@
     "ember-sinon": "^5.0.0",
     "ember-source": "^4.0.1",
     "ember-source-channel-url": "^3.0.0",
+    "ember-template-imports": "^4.3.0",
     "ember-template-lint": "^5.0.2",
     "ember-truth-helpers": "^3.0.0",
     "ember-try": "^3.0.0",

pnpm-lock.yaml

@@ -1,13 +1,6 @@
 import { click, render } from '@ember/test-helpers';
-import {
-  DEFAULT_A11Y_TEST_HELPER_NAMES,
-  setEnableA11yAudit,
-  setupGlobalA11yHooks,
-  teardownGlobalA11yHooks,
-} from 'ember-a11y-testing/test-support';
+import { DEFAULT_A11Y_TEST_HELPER_NAMES, setEnableA11yAudit, setupGlobalA11yHooks, teardownGlobalA11yHooks } from 'ember-a11y-testing/test-support';
 import { module, test } from 'qunit';
-
-import { hbs } from 'ember-cli-htmlbars';
 import { setupRenderingTest } from 'ember-qunit';
 
 module(
@@ -42,9 +35,9 @@ module(
     });
 
     test('it audits on render', async function (assert) {
-      await render(hbs`
+      await render(<template>
         <button type="button">Hello!</button>
-      `);
+      </template>);
       await click('button');
 
       assert.strictEqual(

tests/integration/components/setup-global-a11y-hooks-for-render-test.ts renamed to tests/integration/components/setup-global-a11y-hooks-for-render-test.gts

@@ -2,8 +2,8 @@ import { module, test } from 'qunit';
 import { setupRenderingTest } from 'ember-qunit';
 import { render } from '@ember/test-helpers';
 import type { TestContext } from '@ember/test-helpers';
-import { hbs } from 'ember-cli-htmlbars';
 import { a11yAudit, setEnableA11yAudit } from 'ember-a11y-testing/test-support';
+import AxeComponent from "dummy/components/axe-component";
 
 interface Context extends TestContext {
   element: Element;
@@ -21,14 +21,14 @@ module('Integration | Helper | a11yAudit', function (hooks) {
   });
 
   test('a11yAudit runs successfully with element context', async function (this: Context, assert) {
-    await render(hbs`<AxeComponent/>`);
+    await render(<template><AxeComponent /></template>);
     await a11yAudit(this.element);
     assert.ok(true, "a11yAudit ran and didn't find any issues");
   });
 
   test('a11yAudit catches violations successfully', async function (this: Context, assert) {
     await render(
-      hbs`<AxeComponent><button type="button"></button></AxeComponent>`,
+      <template><AxeComponent><button type="button"></button></AxeComponent></template>,
     );
 
     await assert.rejects(
@@ -40,7 +40,7 @@ module('Integration | Helper | a11yAudit', function (hooks) {
 
   test('a11yAudit can use custom axe options', async function (this: Context, assert) {
     await render(
-      hbs`<AxeComponent><button type="button"></button></AxeComponent>`,
+      <template><AxeComponent><button type="button"></button></AxeComponent></template>,
     );
 
     await a11yAudit(this.element, {
@@ -56,7 +56,7 @@ module('Integration | Helper | a11yAudit', function (hooks) {
 
   test('a11yAudit can use custom axe options as single argument', async function (assert) {
     await render(
-      hbs`<AxeComponent><button type="button"></button></AxeComponent>`,
+      <template><AxeComponent><button type="button"></button></AxeComponent></template>,
     );
 
     await a11yAudit({