add boilerplates/setup for $ qunitx init

izelnakri · Feb 27, 2021 · a449761 · a449761
1 parent 47d38b4
commit a449761
Showing 1 changed file with 54 additions and 0 deletions.
diff --git a/lib/boilerplates/setup/index.html b/lib/boilerplates/setup/index.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <title>{{applicationName}} Tests</title>
+    <link href="./node_modules/qunit/qunit/qunit.css" rel="stylesheet">
+    <style>
+      /* TODO: move this to a css, remove #ember references */
+
+      #ember-testing-container {
+        position:relative;
+        background:#fff;
+        bottom:0;
+        right:0;
+        width:640px;
+        height:384px;
+        overflow:auto;
+        z-index:98;
+        border:1px solid #ccc;
+        margin:0 auto;
+        transform:translateZ(0)
+      }
+
+      #ember-testing-container.full-screen {
+        width:100%;
+        height:100%;
+        overflow:auto;
+        z-index:98;
+        border:none
+      }
+
+      #ember-testing {
+        width:200%;
+        height:200%;
+        transform:scale(0.5);
+        transform-origin:top left
+      }
+
+      .full-screen #ember-testing{
+        position:absolute;
+        width:100%;
+        height:100%;
+        transform:scale(1)
+      }
+    </style>
+  </head>
+  <body>
+    <div id="qunit"></div>
+    <div id="qunit-fixture"></div>
+
+    <script src="./dist/tests.js"></script>
+  </body>
+</html>