DEV: Add colors/styling to Ember CLI and qunit tests (#12617)

DEV: Add colors/styling to Ember CLI and qunit tests (#12617)

diff --git a/app/assets/javascripts/discourse/tests/test_helper.js b/app/assets/javascripts/discourse/tests/test_helper.js
index aa2aacd..595e95e 100644
--- a/app/assets/javascripts/discourse/tests/test_helper.js
+++ b/app/assets/javascripts/discourse/tests/test_helper.js
@@ -46,7 +46,7 @@ document.write(
   '<div id="ember-testing-container"><div id="ember-testing"></div></div>'
 );
 document.write(
-  "<style>#ember-testing-container { position: absolute; background: white; bottom: 0; right: 0; width: 640px; height: 384px; overflow: auto; z-index: 9999; border: 1px solid #ccc; } #ember-testing { zoom: 50%; }</style>"
+  "<style>#ember-testing-container { position: fixed; background: white; bottom: 0; right: 0; width: 640px; height: 384px; overflow: auto; z-index: 9999; border: 1px solid #ccc; transform: translateZ(0)} #ember-testing { zoom: 50%; }</style>"
 );
 
 let setupTestsLegacy = require("discourse/tests/setup-tests").setupTestsLegacy;
diff --git a/app/assets/stylesheets/testem.scss b/app/assets/stylesheets/testem.scss
index b1330c1..bb9bf36 100644
--- a/app/assets/stylesheets/testem.scss
+++ b/app/assets/stylesheets/testem.scss
@@ -18,3 +18,4 @@ $love: #fa6c8d !default;
 @import "common/foundation/variables";
 @import "common/foundation/mixins";
 @import "desktop";
+@import "color_definitions";
diff --git a/app/views/qunit/index.html.erb b/app/views/qunit/index.html.erb
index 6109dec..9b116c8 100644
--- a/app/views/qunit/index.html.erb
+++ b/app/views/qunit/index.html.erb
@@ -2,6 +2,7 @@
 <html>
   <head>
     <title>QUnit Test Runner</title>
+    <%= discourse_color_scheme_stylesheets %>
     <%= stylesheet_link_tag "test_helper" %>
     <%= javascript_include_tag "test_helper" %>
     <%= csrf_meta_tags %>

GitHub sha: 769b3ba8

1 Like

This commit appears in #12617 which was approved by CvX. It was merged by pmusaraj.