upgrading test setup

Author: ef4

package.json

@@ -58,6 +58,7 @@
     "@babel/plugin-transform-typescript": "^7.10.1",
     "@babel/runtime": "^7.13.8",
     "@ember/optional-features": "^2.0.0",
+    "@ember/test-helpers": "^2.4.2",
     "babel-eslint": "^10.1.0",
     "babel-plugin-debug-macros": "^0.3.3",
     "broccoli-merge-trees": "^4.2.0",
@@ -75,7 +76,7 @@
     "ember-export-application-global": "^2.0.1",
     "ember-load-initializers": "^2.1.1",
     "ember-maybe-import-regenerator": "^0.1.6",
-    "ember-qunit": "^4.6.0",
+    "ember-qunit": "^5.1.4",
     "ember-resolver": "^8.0.2",
     "ember-source": "~3.25.0",
     "ember-source-channel-url": "^3.0.0",
@@ -92,7 +93,8 @@
     "mocha": "^8.4.0",
     "module-name-inliner": "link:./tests/dummy/lib/module-name-inliner",
     "prettier": "^2.3.2",
-    "qunit-dom": "^1.6.0",
+    "qunit": "^2.17.2",
+    "qunit-dom": "^2.0.0",
     "release-it": "^14.2.1",
     "release-it-lerna-changelog": "^3.1.0",
     "webpack": "^5.58.2"

tests/index.html

@@ -21,6 +21,13 @@
     {{content-for "body"}}
     {{content-for "test-body"}}
 
+    <div id="qunit"></div>
+    <div id="qunit-fixture">
+      <div id="ember-testing-container">
+        <div id="ember-testing"></div>
+      </div>
+    </div>
+
     <script src="/testem.js" integrity=""></script>
     <script src="{{rootURL}}assets/vendor.js"></script>
     <script src="{{rootURL}}assets/test-support.js"></script>

tests/test-helper.js

@@ -2,6 +2,10 @@ import Application from '../app';
 import config from '../config/environment';
 import { setApplication } from '@ember/test-helpers';
 import { start } from 'ember-qunit';
+import * as QUnit from 'qunit';
+import { setup } from 'qunit-dom';
+
+setup(QUnit.assert);
 
 setApplication(Application.create(config.APP));