diff --git a/client/commonFramework/display-test-results.js b/client/commonFramework/display-test-results.js
index f30790fddb..a925b3b213 100644
--- a/client/commonFramework/display-test-results.js
+++ b/client/commonFramework/display-test-results.js
@@ -2,6 +2,7 @@ window.common = (function({ $, common = { init: [] }}) {
 
   common.displayTestResults = function displayTestResults(data = []) {
     $('#testSuite').children().remove();
+    $('#testSuite').fadeIn('slow');
     data.forEach(({ err = false, text = '' }) => {
       var iconClass = err ?
         '"ion-close-circled big-error-icon"' :
@@ -20,7 +21,7 @@ window.common = (function({ $, common = { init: [] }}) {
       `)
         .appendTo($('#testSuite'));
     });
-
+    $('#scroll-locker').animate({ scrollTop: $(document).height() }, 'slow');
     return data;
   };
 
diff --git a/client/commonFramework/end.js b/client/commonFramework/end.js
index b2a6b09a67..1a841de50c 100644
--- a/client/commonFramework/end.js
+++ b/client/commonFramework/end.js
@@ -89,6 +89,7 @@ $(document).ready(function() {
     common.submitBtn$
   )
     .flatMap(() => {
+      $('#testSuite').fadeOut('slow');
       common.appendToOutputDisplay('\n// testing challenge...');
       return common.executeChallenge$()
         .map(({ tests, ...rest }) => {