diff --git a/ayanova/src/views/ay-report-edit.vue b/ayanova/src/views/ay-report-edit.vue
index 0bf3313e..6d4b8105 100644
--- a/ayanova/src/views/ay-report-edit.vue
+++ b/ayanova/src/views/ay-report-edit.vue
@@ -31,20 +31,20 @@
             Helpers
           </v-btn>
 
-          <v-btn value="test" v-if="reportData != null">
-            {{ $ay.t("ReportEditorTestRun") }}
-          </v-btn>
-
           <v-btn value="rawData" v-if="reportData != null">
             {{ $ay.t("ReportEditorData") }}
           </v-btn>
+
+          <v-btn value="test" v-if="reportData != null">
+            {{ $ay.t("ReportEditorTestRun") }}
+          </v-btn>
         </v-btn-toggle>
       </v-col>
       <v-col cols="12" v-show="view == 'edit'">
         <div id="editContainer"></div>
       </v-col>
       <v-col cols="12" v-show="view == 'test'">
-        <div id="testContainer"></div>
+        <div id="testContainer">test</div>
       </v-col>
       <v-col cols="12" v-show="view == 'properties'">
         <v-form ref="form">
@@ -155,7 +155,7 @@ Immediately render last report code needs proper implementation for both widget
   currently it's nonsense
 
 print / preview coded to work with saved report and renders
-
+"Design" translation should be "Report editor"
 build release for joyce to play with and give feedback
 
 */
@@ -434,6 +434,8 @@ Handlebars.registerHelper('loud', function (aString) {
           vm.view = "properties";
           break;
         case "test":
+          //render to the div
+          testRender(vm);
           vm.view = "test";
           break;
         case "template":
@@ -697,6 +699,7 @@ Handlebars.registerHelper('loud', function (aString) {
     }
   }
 };
+//end of vue object
 
 /////////////////////////////
 //
@@ -864,4 +867,11 @@ async function fetchReportData(vm) {
     vm.reportData = res.data;
   }
 }
+
+/////////////////////////////////
+//
+//
+async function testRender(vm) {
+  alert("TEST RENDER");
+}
 </script>