Introduce development mode option

vendor/ember-cli-qunit/qunit-configuration.js

@@ -3,7 +3,9 @@
 QUnit.config.urlConfig.push({ id: 'nocontainer', label: 'Hide container'});
 QUnit.config.urlConfig.push({ id: 'nolint', label: 'Disable Linting'});
 QUnit.config.urlConfig.push({ id: 'dockcontainer', label: 'Dock container'});
-QUnit.config.testTimeout = 60000; //Default Test Timeout 60 Seconds
+QUnit.config.urlConfig.push({ id: 'devmode', label: 'Development mode' });
+
+QUnit.config.testTimeout = QUnit.urlParams.devmode ? null : 60000; //Default Test Timeout 60 Seconds
 
 if (QUnit.notifications) {
   QUnit.notifications({
@@ -18,8 +20,15 @@ jQuery(document).ready(function() {
   var testContainer = document.getElementById('ember-testing-container');
   if (!testContainer) { return; }
 
-  var containerVisibility = QUnit.urlParams.nocontainer ? 'hidden' : 'visible';
-  var containerPosition = QUnit.urlParams.dockcontainer ? 'absolute' : 'relative';
+  var params = QUnit.urlParams;
+
+  var containerVisibility = params.nocontainer ? 'hidden' : 'visible';
+  var containerPosition = (params.dockcontainer || params.devmode) ? 'absolute' : 'relative';
+
+  if (params.devmode) {
+    testContainer.className = ' full-screen';
+  }
+
   testContainer.style.visibility = containerVisibility;
   testContainer.style.position = containerPosition;
 });

vendor/ember-cli-qunit/test-container-styles.css

@@ -10,6 +10,24 @@
   border: 1px solid #ccc;
   margin: 0 auto;
 }
+
+#ember-testing-container.full-screen {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  z-index: 9999;
+  border: none;
+}
+
 #ember-testing {
-  zoom: 50%;
+  width: 200%;
+  height: 100%;
+  transform: scale(0.5);
+  transform-origin: top left;
+}
+
+.full-screen #ember-testing {
+  position: absolute;
+  width: 100%;
+  transform: scale(1);
 }