Hiding header while testing

2012-03-03 16:16:19 -05:00 · 2012-03-03 16:16:19 -05:00 · 7e5be7745c
parent 1e87ec531e
commit 7e5be7745c
3 changed files with 9 additions and 1 deletions
--- a/scripts/main.js
+++ b/scripts/main.js
@ -34,9 +34,12 @@ $( document ).ready( function()

        $( this ).parent().hide();
        hideNotice();
+        $( 'body' ).addClass( 'testing' );

        runner.run( testcase, options, function( history )
        {
+            $( 'body' ).removeClass( 'testing' );
+
            console.log( history );
            console.log( 'done' );
        } );
--- a/style.css
+++ b/style.css
@ -24,6 +24,11 @@ dd {
  display: block;
 }

+/* display idle elements only until testing */
+.testing .while-idle {
+  display: none;
+}
+

 .topbox {
  position: absolute;
--- a/test.html
+++ b/test.html
@ -5,7 +5,7 @@
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
-    <h1>Recollection Test</h1>
+    <h1 class="while-idle">Recollection Test</h1>
    <noscript>
      <p>It appears that you have JavaScript disabled. Please consult your
      browser's documentation to enable it before continuing. Don't worry - it