diff --git a/ui/app/mixins/with-component-visibility-detection.js b/ui/app/mixins/with-component-visibility-detection.js
index 66d1097ee..605937834 100644
--- a/ui/app/mixins/with-component-visibility-detection.js
+++ b/ui/app/mixins/with-component-visibility-detection.js
@@ -1,3 +1,4 @@
+import Ember from 'ember';
 import Mixin from '@ember/object/mixin';
 import { assert } from '@ember/debug';
 
@@ -7,11 +8,15 @@ export default Mixin.create({
   },
 
   setupDocumentVisibility: function() {
-    this.set('_visibilityHandler', this.get('visibilityHandler').bind(this));
-    document.addEventListener('visibilitychange', this.get('_visibilityHandler'));
+    if (!Ember.testing) {
+      this.set('_visibilityHandler', this.get('visibilityHandler').bind(this));
+      document.addEventListener('visibilitychange', this.get('_visibilityHandler'));
+    }
   }.on('init'),
 
   removeDocumentVisibility: function() {
-    document.removeEventListener('visibilitychange', this.get('_visibilityHandler'));
+    if (!Ember.testing) {
+      document.removeEventListener('visibilitychange', this.get('_visibilityHandler'));
+    }
   }.on('willDestroy'),
 });
diff --git a/ui/app/mixins/with-route-visibility-detection.js b/ui/app/mixins/with-route-visibility-detection.js
index 1df6e5f45..57e8300e3 100644
--- a/ui/app/mixins/with-route-visibility-detection.js
+++ b/ui/app/mixins/with-route-visibility-detection.js
@@ -1,3 +1,4 @@
+import Ember from 'ember';
 import Mixin from '@ember/object/mixin';
 import { assert } from '@ember/debug';
 
@@ -7,11 +8,15 @@ export default Mixin.create({
   },
 
   setupDocumentVisibility: function() {
-    this.set('_visibilityHandler', this.get('visibilityHandler').bind(this));
-    document.addEventListener('visibilitychange', this.get('_visibilityHandler'));
+    if (!Ember.testing) {
+      this.set('_visibilityHandler', this.get('visibilityHandler').bind(this));
+      document.addEventListener('visibilitychange', this.get('_visibilityHandler'));
+    }
   }.on('activate'),
 
   removeDocumentVisibility: function() {
-    document.removeEventListener('visibilitychange', this.get('_visibilityHandler'));
+    if (!Ember.testing) {
+      document.removeEventListener('visibilitychange', this.get('_visibilityHandler'));
+    }
   }.on('deactivate'),
 });