fix: ember-tether & testing issues

MichalBryxi · MichalBryxi · commit 3ea95ac8946a · 2025-05-03T08:37:57.000+02:00
- As per [ember-tether documentation](https://github.com/yapplabs/ember-tether) in testing mode we have to make sure that the portal is attached to correct DOM scope > Tether works by appending tethered elements to the <body> tag. Unfortunately, this moves your content outside of the Ember application rootElement during acceptance testing. This breaks event dispatch and action handling, including traditional Ember test helpers like click. This fixes all tests that fail because search popup can't be find.
diff --git a/tests/dummy/config/environment.js b/tests/dummy/config/environment.js
@@ -39,6 +39,10 @@ module.exports = function (environment) {
 
     ENV.APP.rootElement = '#ember-testing';
     ENV.APP.autoboot = false;
+
+    ENV['ember-tether'] = {
+      bodyElementId: 'ember-testing',
+    };
   }
 
   if (environment === 'production') {

Original file line number	Diff line number	Diff line change
`@@ -39,6 +39,10 @@ module.exports = function (environment) {`
`39`	`39`
`40`	`40`	`ENV.APP.rootElement = '#ember-testing';`
`41`	`41`	`ENV.APP.autoboot = false;`
	`42`	`+`
	`43`	`+ ENV['ember-tether'] = {`
	`44`	`+ bodyElementId: 'ember-testing',`
	`45`	`+ };`
`42`	`46`	`}`
`43`	`47`
`44`	`48`	`if (environment === 'production') {`