From fb72eed684ab3ef2ecdf1c1b71b005d60832e891 Mon Sep 17 00:00:00 2001
From: Marius Cobzarenco <marius.cobzarenco@uipath.com>
Date: Tue, 23 May 2023 15:12:29 +0100
Subject: [PATCH] Ground truth for a bunch more tasks

---
 miniwob/html/miniwob/bisect-angle.html                | 8 +++++++-
 miniwob/html/miniwob/chase-circle.html                | 6 +++---
 miniwob/html/miniwob/choose-date-easy.html            | 2 ++
 miniwob/html/miniwob/choose-date-medium.html          | 2 ++
 miniwob/html/miniwob/choose-date-nodelay.html         | 2 ++
 miniwob/html/miniwob/choose-date.html                 | 2 ++
 miniwob/html/miniwob/click-collapsible-2-nodelay.html | 3 +++
 miniwob/html/miniwob/click-collapsible-2.html         | 3 +++
 miniwob/html/miniwob/click-color.html                 | 3 +++
 miniwob/html/miniwob/click-pie.html                   | 5 +++++
 miniwob/html/miniwob/click-test-transfer.html         | 3 +++
 miniwob/html/miniwob/grid-coordinate.html             | 3 +++
 miniwob/html/miniwob/identify-shape.html              | 3 +++
 miniwob/html/miniwob/unicode-test.html                | 2 ++
 miniwob/html/miniwob/use-autocomplete.html            | 5 +++++
 miniwob/html/miniwob/visual-addition.html             | 2 ++
 16 files changed, 50 insertions(+), 4 deletions(-)

diff --git a/miniwob/html/miniwob/bisect-angle.html b/miniwob/html/miniwob/bisect-angle.html
index 4b91b638..5f9bd4b9 100644
--- a/miniwob/html/miniwob/bisect-angle.html
+++ b/miniwob/html/miniwob/bisect-angle.html
@@ -16,6 +16,7 @@
 </style>
 
 <script>
+var POINT_X0, POINT_Y0, POINT_X1, POINT_Y1;
 var RADIUS_PADDING = 3; // 3px for circle radius
 var QUERY_PADDING = 50; // 50px for #query height
 
@@ -119,11 +120,16 @@
   while(jsonCircles.length < 3){
     var newCircle = { cx: core.randi(5,135), cy: core.randi(10, 120), fill : 'black', class: 'init-black', r: 3.5 };
     var usablePoint = pointsSpacedOut(newCircle, jsonCircles)
-    console.log
     if(!usablePoint) continue;
     else jsonCircles.push(newCircle);
+
   }
 
+  POINT_X0 = jsonCircles[1]["cx"];
+  POINT_Y0 = jsonCircles[1]["cy"];
+  POINT_X1 = jsonCircles[2]["cx"];
+  POINT_Y1 = jsonCircles[2]["cy"];
+
   return jsonCircles;
 }
 
diff --git a/miniwob/html/miniwob/chase-circle.html b/miniwob/html/miniwob/chase-circle.html
index 22fe77e0..8fd22590 100644
--- a/miniwob/html/miniwob/chase-circle.html
+++ b/miniwob/html/miniwob/chase-circle.html
@@ -21,7 +21,7 @@
 // eventually ends the episode.
 var translateCircle = function(translates) {
   if(translates !== 0){
-    d3.select('#circ').transition().duration(2000)
+    d3.select('#circ').transition().duration(core.EPISODE_MAX_TIME / 5)
       .attr('cx', Math.random() * 120 + 20) // change this to random 2px
       .attr('cy', Math.random() * 120 + 20) // change this to random 2px
       .each('end', function(){
@@ -30,7 +30,7 @@
   } else {
     // end this episode slightly earlier, otherwise if set to 2000ms
     // the episode will automatically end and give a -1.0 score.
-    d3.select('#circ').transition().duration(1900)
+    d3.select('#circ').transition().duration(core.EPISODE_MAX_TIME / 5.5)
       .attr('cx', Math.random() * 120 + 20)
       .attr('cy', Math.random() * 120 + 20)
       .each('end', function(){
@@ -38,7 +38,7 @@
           missedFrames += new Date().getTime() - exitTime;
           exitTime = null;
         }
-        var score = (10000 - missedFrames)/10000;
+        var score = (core.EPISODE_MAX_TIME - missedFrames) / core.EPISODE_MAX_TIME;
         missedFrames = 0;
         core.endEpisode(score);
       });
diff --git a/miniwob/html/miniwob/choose-date-easy.html b/miniwob/html/miniwob/choose-date-easy.html
index c623c01b..3aaa8a7a 100644
--- a/miniwob/html/miniwob/choose-date-easy.html
+++ b/miniwob/html/miniwob/choose-date-easy.html
@@ -20,6 +20,7 @@
 </style>
 
 <script>
+var TARGET_DATE_STRING;
 var START_DATE = new Date(2016, 11, 1); // December 1, 2015
 var END_DATE = new Date(2016, 11, 31); // December 31, 2016
 core.EPISODE_MAX_TIME = 20000; // set episode interval to 20 seconds
@@ -29,6 +30,7 @@
   d3.select('#datepicker')[0][0].value = '';
 
   var q = ui_utils.toDateString(d);
+  TARGET_DATE_STRING = q;
 
   d3.select('#query').html('Select ' + q + ' as the date and hit submit.');
 
diff --git a/miniwob/html/miniwob/choose-date-medium.html b/miniwob/html/miniwob/choose-date-medium.html
index 6d54db22..b1ab960b 100644
--- a/miniwob/html/miniwob/choose-date-medium.html
+++ b/miniwob/html/miniwob/choose-date-medium.html
@@ -20,6 +20,7 @@
 </style>
 
 <script>
+var TARGET_DATE_STRING;
 var START_DATE = new Date(2016, 10, 1); // November 1, 2015
 var END_DATE = new Date(2016, 11, 31); // December 31, 2016
 core.EPISODE_MAX_TIME = 20000; // set episode interval to 20 seconds
@@ -29,6 +30,7 @@
   d3.select('#datepicker')[0][0].value = '';
 
   var q = ui_utils.toDateString(d);
+  TARGET_DATE_STRING = q;
 
   d3.select('#query').html('Select ' + q + ' as the date and hit submit.');
 
diff --git a/miniwob/html/miniwob/choose-date-nodelay.html b/miniwob/html/miniwob/choose-date-nodelay.html
index e625452e..6af41a84 100644
--- a/miniwob/html/miniwob/choose-date-nodelay.html
+++ b/miniwob/html/miniwob/choose-date-nodelay.html
@@ -20,6 +20,7 @@
 </style>
 
 <script>
+var TARGET_DATE_STRING;
 var START_DATE = new Date(2016, 0, 1); // January 1, 2015
 var END_DATE = new Date(2016, 11, 31); // December 31, 2016
 core.EPISODE_MAX_TIME = 20000; // set episode interval to 20 seconds
@@ -30,6 +31,7 @@
   $('#datepicker').datepicker('hide');
 
   var q = ui_utils.toDateString(d);
+  TARGET_DATE_STRING = q;
 
   d3.select('#query').html('Select ' + q + ' as the date and hit submit.');
 
diff --git a/miniwob/html/miniwob/choose-date.html b/miniwob/html/miniwob/choose-date.html
index 2194b355..d602772b 100644
--- a/miniwob/html/miniwob/choose-date.html
+++ b/miniwob/html/miniwob/choose-date.html
@@ -20,6 +20,7 @@
 </style>
 
 <script>
+var TARGET_DATE_STRING;
 var START_DATE = new Date(2016, 0, 1); // January 1, 2015
 var END_DATE = new Date(2016, 11, 31); // December 31, 2016
 core.EPISODE_MAX_TIME = 20000; // set episode interval to 20 seconds
@@ -29,6 +30,7 @@
   d3.select('#datepicker')[0][0].value = '';
 
   var q = ui_utils.toDateString(d);
+  TARGET_DATE_STRING = q;
 
   d3.select('#query').html('Select ' + q + ' as the date and hit submit.');
 
diff --git a/miniwob/html/miniwob/click-collapsible-2-nodelay.html b/miniwob/html/miniwob/click-collapsible-2-nodelay.html
index 315872e6..45049a00 100644
--- a/miniwob/html/miniwob/click-collapsible-2-nodelay.html
+++ b/miniwob/html/miniwob/click-collapsible-2-nodelay.html
@@ -20,6 +20,8 @@
 </style>
 
 <script>
+var TARGET_TEXT;
+
 var createLinks = function(div){
   for(var i=0;i<3;i++){
     var header = '<h3> Section #' + (i+1) + '</h3>';
@@ -61,6 +63,7 @@
   createLinks(div);
   var any = core.getOpt(core.QueryString, 'any', false); // click any link?
   var correctText = bindClickEvents();
+  TARGET_TEXT = correctText;
 
   // generate query text in the UI
   d3.select('#query').html('Expand the sections below, to find and click on the link "' + correctText + '".');
diff --git a/miniwob/html/miniwob/click-collapsible-2.html b/miniwob/html/miniwob/click-collapsible-2.html
index 94d1d40b..265dbb5e 100644
--- a/miniwob/html/miniwob/click-collapsible-2.html
+++ b/miniwob/html/miniwob/click-collapsible-2.html
@@ -20,6 +20,8 @@
 </style>
 
 <script>
+var TARGET_TEXT;
+
 var createLinks = function(div){
   for(var i=0;i<3;i++){
     var header = '<h3> Section #' + (i+1) + '</h3>';
@@ -61,6 +63,7 @@
   createLinks(div);
   var any = core.getOpt(core.QueryString, 'any', false); // click any link?
   var correctText = bindClickEvents();
+  TARGET_TEXT = correctText;
 
   // generate query text in the UI
   d3.select('#query').html('Expand the sections below, to find and click on the link "' + correctText + '".');
diff --git a/miniwob/html/miniwob/click-color.html b/miniwob/html/miniwob/click-color.html
index acfb3434..41c74ab2 100644
--- a/miniwob/html/miniwob/click-color.html
+++ b/miniwob/html/miniwob/click-color.html
@@ -16,6 +16,8 @@
 </style>
 
 <script>
+var TARGET_COLOR_BOX;
+
 var COLORS = ['red', 'blue', 'olive', 'lime', 'black', 'white', 'grey', 'purple', 'orange', 'yellow', 'cyan', 'pink', 'magenta'];
 var QUERY_COLOR = `<div id="query-color"></div>`
 var MAX_COLORS = 4;
@@ -60,6 +62,7 @@
 
   var currentColors = generateColors();
   var expectedColor = core.sample(currentColors);
+  TARGET_COLOR_BOX = expectedColor;
   displayProblem(expectedColor);
 
   d3.selectAll('.color').on('click', function(){
diff --git a/miniwob/html/miniwob/click-pie.html b/miniwob/html/miniwob/click-pie.html
index f137b25b..c99d48ab 100644
--- a/miniwob/html/miniwob/click-pie.html
+++ b/miniwob/html/miniwob/click-pie.html
@@ -33,6 +33,9 @@
 <script src="../common/special/click-pie/wheelnav.min.js"></script>
 <script src="../common/ui_utils.js"></script>
 <script>
+var TARGET_ITEM;
+var NUM_ITEMS;
+
 var createItems = function(){
   var alphanumericList = core.shuffle(ui_utils.alphanumericList.slice());
   var setLength = core.randi(4,9)*-1;
@@ -49,6 +52,8 @@
 
 var genProblem = function() {
   var wheel = createItems();
+  TARGET_ITEM = wheel.items.navItems.findIndex((x) => wheel.problemSet[x.itemIndex] == wheel.expectedItem) + 1;
+  NUM_ITEMS = wheel.problemSet.length;
 
   d3.select('#query').html('Expand the pie menu below and click on the item labeled "<span class="bold">' + wheel.expectedItem + '</span>".');
 
diff --git a/miniwob/html/miniwob/click-test-transfer.html b/miniwob/html/miniwob/click-test-transfer.html
index 14ced829..2ba7e99a 100644
--- a/miniwob/html/miniwob/click-test-transfer.html
+++ b/miniwob/html/miniwob/click-test-transfer.html
@@ -15,8 +15,11 @@
 </style>
 
 <script>
+var TARGET_BUTTON;
+
 var genProblem = function() {
   var correct = (WOB_DATA_MODE == 'test') ? 'TWO' : 'ONE';
+  TARGET_BUTTON = correct;
 
   var L = core.randi(0, 118); var U = core.randi(0, 118) + 50;
   var btn = d3.select('#subbtn');
diff --git a/miniwob/html/miniwob/grid-coordinate.html b/miniwob/html/miniwob/grid-coordinate.html
index 149deea6..c55e36cc 100644
--- a/miniwob/html/miniwob/grid-coordinate.html
+++ b/miniwob/html/miniwob/grid-coordinate.html
@@ -35,6 +35,8 @@
 </style>
 
 <script>
+var EXPECTED_CIRCLE_ID;
+
 var MAX_X = 2; // x on grid will range from -2 to 2.
 var MAX_Y = 2; // y on grid will range from -2 to 2.
 
@@ -84,6 +86,7 @@
   d3.select('#query').html('Click on the grid coordinate <span class="bold">' + expectedCoords + '</span>.');
 
   drawCartesianGrid(svg);
+  EXPECTED_CIRCLE_ID = CSS.escape(expectedCoords);
 
   d3.selectAll('circle').on('click', function(){
     var circleId = this.getAttribute('id');
diff --git a/miniwob/html/miniwob/identify-shape.html b/miniwob/html/miniwob/identify-shape.html
index 1a98674e..9df04a4c 100644
--- a/miniwob/html/miniwob/identify-shape.html
+++ b/miniwob/html/miniwob/identify-shape.html
@@ -15,6 +15,8 @@
 #area-buttons button { margin: 2px; }
 </style>
 <script>
+var EXPECTED_SHAPE;
+
 var generateShape = function(){
   var grid = {};
   grid.shapes = [];
@@ -59,6 +61,7 @@
   var svg_elt = d3.select('#area_svg');
   shapes.renderGrid(svg_elt, grid); // instantiate the actual SVG shapes
   var expectedType = grid.shapes[0].type !== 'shape' ? grid.shapes[0].type : grid.shapes[0].text;
+  EXPECTED_SHAPE = expectedType;
   return expectedType;
 }
 
diff --git a/miniwob/html/miniwob/unicode-test.html b/miniwob/html/miniwob/unicode-test.html
index a125df2e..49cfe53b 100644
--- a/miniwob/html/miniwob/unicode-test.html
+++ b/miniwob/html/miniwob/unicode-test.html
@@ -9,6 +9,7 @@
 <script src="../core/d3.v3.min.js"></script>
 <script src="../common/ui_utils.js"></script>
 <script>
+var TARGET_BUTTON;
 var buttons = ['ÖK', 'Cancél', '♥♥♥', '确定', '取消', 'ヘルプ'];
 
 var genProblem = function() {
@@ -47,6 +48,7 @@
   }
 
   var correct_text = core.sample(elements).html();
+  TARGET_BUTTON = correct_text;
   for(var i = 0, len = elements.length; i < len; i++) {
     var e = elements[i];
     if(e.html() === correct_text) {
diff --git a/miniwob/html/miniwob/use-autocomplete.html b/miniwob/html/miniwob/use-autocomplete.html
index 8293aeda..84181e24 100644
--- a/miniwob/html/miniwob/use-autocomplete.html
+++ b/miniwob/html/miniwob/use-autocomplete.html
@@ -21,6 +21,9 @@
 </style>
 
 <script>
+var TARGET_ITEM;
+var TARGET_PREFIX;
+
 var genProblem = function() {
   ITEMS = ui_utils.COUNTRIES;
   d3.select('#tags')[0][0].value ='';
@@ -37,9 +40,11 @@
   });
 
   var gtitem = ITEMS[gtix];
+  TARGET_ITEM = gtitem;
 
   var nf = core.randi(2, 5);
   var f = gtitem.slice(0,nf);
+  TARGET_PREFIX = f;
 
   var ne = core.randi(2, 5);
   var e = gtitem.slice(gtitem.length - ne);
diff --git a/miniwob/html/miniwob/visual-addition.html b/miniwob/html/miniwob/visual-addition.html
index c4ce2ed7..a0aa8f22 100644
--- a/miniwob/html/miniwob/visual-addition.html
+++ b/miniwob/html/miniwob/visual-addition.html
@@ -22,6 +22,7 @@
 </style>
 
 <script>
+var TARGET_TEXT;
 core.EPISODE_MAX_TIME = 15000; // set episode interval to 15 seconds
 var PROBLEM_TEMPLATE =
 `
@@ -41,6 +42,7 @@
   var digitTwo = core.sample(DIGITS);
 
   var expectedAnswer = (digitOne + digitTwo).toString();
+  TARGET_TEXT = expectedAnswer;
 
   var visualOne = '';
   for(var i=0;i<digitOne;i++) visualOne += VISUAL_TEMPLATE;