fix style for test builder code block

Author: luciano-renzi

golem/gui/static/css/test_case.css

@@ -209,6 +209,10 @@ body.modal-open {
     border-radius: 3px;
 }
 
+.code-block .CodeMirror-scroll {
+    min-height: 50px
+}
+
 .CodeMirror-lines {
   padding: 6px 0; /* Vertical padding around content */
 }

golem/gui/static/js/test.js

@@ -123,7 +123,8 @@ var Test = new function(){
             indentWithTabs: false,
             extraKeys: {
                 Tab: TestCommon.Utils.convertTabToSpaces
-            }
+            },
+            viewportMargin: Infinity
         });
         setTimeout(() => editor.refresh(), 250);
         editor.on('change', editor => Test.unsavedChanges = true);

golem/gui/static/js/test_code.js

@@ -27,58 +27,61 @@ const TestCode = new function() {
             styleActiveLine: true,
             matchBrackets: true,
             indentUnit: 4,
+            indentWithTabs: false,
+            extraKeys: {
+                Tab: TestCommon.Utils.convertTabToSpaces
+            },
         });
         codeEditor = this.codeEditor;
 		CodeMirror.commands.autocomplete = function(cm) {
-			                        
-										 CodeMirror.simpleHint(cm, CodeMirror.pythonHint);
-										 }
-	 codeEditor.on("keyup", function (cm, event) {
-if (!cm.state.completionActive &&   /*Enables keyboard navigation in autocomplete list*/
-     (event.keyCode > 64 && event.keyCode < 220) || (event.keyCode==190)){// only when a letter key is pressed
-	 codeEditor.execCommand("autocomplete")
-    }
-});
+            CodeMirror.simpleHint(cm, CodeMirror.pythonHint);
+        }
+	    codeEditor.on("keyup", function (cm, event) {
+            if (!cm.state.completionActive &&   /*Enables keyboard navigation in autocomplete list*/
+                    (event.keyCode > 64 && event.keyCode < 220) || (event.keyCode==190)) {// only when a letter key is pressed
+	            codeEditor.execCommand("autocomplete")
+            }
+        });
 
-        if(Global.user.projectWeight < Main.PermissionWeightsEnum.standard){
+        if(Global.user.projectWeight < Main.PermissionWeightsEnum.standard) {
             this.codeEditor.setOption('readOnly', 'nocursor')
         }
         // set unsaved changes watcher
         this.watchForUnsavedChanges();
     }
+
     this.getGolemActions = function(){
         xhr.get('/api/golem/actions', {
             project: this.file.project
         }, golemAction => {
 			golemAction.forEach(function(action) {
-            TestCode.golemActions.push(action.name)
-        })
+                TestCode.golemActions.push(action.name)
+            })
         })
 
     }
 	this.getAllProjectPages = function(){
         xhr.get('/api/project/pages', {
             project: this.file.project
         }, pages => {
-			pages.forEach(function(page){
-            TestCode.getPageContents(page)
-        });
+			pages.forEach(function(page) {
+                TestCode.getPageContents(page)
+            });
         })
     }
 	this.getPageContents = function(pageName){
         xhr.get('/api/page/components', {
             project: this.file.project,
             page: pageName
         }, result => {
-            if(result.error == 'page does not exist'){
+            if(result.error == 'page does not exist') {
                 // mark page as not existent
                 $(`input[value='${pageName}']`).addClass('not-exist');
-            }
-            else{
+            } else {
 				let elemets  = result.components.elements
 				elemets.forEach(function(pagefull){
 					TestCode.importedPages.push(pagefull.full_name)	
-					})
+                })
             }
         })
     }