Instruction: Select 130 with the slider and hit Submit.

No observation

Executing browser actions: noop()

Visited file:///home/fangzhex/miniwob-plusplus/miniwob/html/miniwob/use-slider.html

125

Submit

#area { padding: 10px; }
#subbtn { display: block; margin-top: 5px; }
#val { margin-top: 5px; margin-left: 5px; display: inline-block; }
#slider { display: inline-block; }

var genProblem = function() {
  var vmin = core.sample([-100, 0, 10, 100]);
  var vmax = vmin + core.sample([5, 10, 50, 100]);
  var ori = core.sample(['horizontal', 'vertical']);

  var slider = $('#slider').slider({
    change: function(event, ui) { document.getElementById('val').innerHTML = ui.value; },
    min: vmin,
    max: vmax,
    step: 1,
    value: core.randi(vmin, vmax+1),
    orientation: ori,
    // function below updates the text value as the slider slides,
    // as opposed to only updating the value once the slider is released.
    slide: function(event,ui){ $('#val').text(ui.value); },
  });

  if(ori === 'horizontal') {
    d3.select('#slider').attr('style', 'width:' + core.randi(50, 115) + 'px;');
  } else {
    d3.select('#slider').attr('style', 'height:' + core.randi(50, 115) + 'px;');
  }

  document.getElementById('val').innerHTML = slider.slider('value');
  var n = core.randi(vmin,vmax+1);
  d3.select('#query').html('Select ' + n + ' with the slider and hit Submit.');
  d3.select('#subbtn').on('click', function(){
    var nsel = slider.slider('value');
    var r = nsel === n ? 1.0 : -1.0;
    core.endEpisode(r, r>0);
  });
}

window.onload = function() {
  core.startEpisode();
}

ui-slider ui-corner-all ui-slider-vertical ui-widget ui-widget-content

Executing browser actions: drag_and_drop('125', '130')
click('19')

In order to accomplish my goal, I need to select 130 with the slider and then click on the Submit button.

125

Submit

ValueError: Could not find element with bid "125"

Executing browser actions: click('19')

In order to accomplish my goal, I need to click on the button with bid 19.

125

Submit

Executing browser actions:

125

Submit

In order to accomplish my goal of selecting 130 with the slider and hitting Submit, I need to adjust the slider to 130.

125

Submit

In order to accomplish the goal of selecting 130 with the slider and hitting Submit, the correct action to take is:

125

Submit

In order to accomplish the goal of selecting 130 with the slider and hitting Submit, the next action should be to adjust the slider to 130.

125

Submit

Executing browser actions: click('130')

In order to accomplish my goal, I need to select 130 with the slider.

125

Submit

ValueError: Could not find element with bid "130"

No observation

All done! What's next on the agenda?

No observation


Instruction: Set the sliders to the combination [17,11,15] and submit.

No observation

Executing browser actions: noop()

Visited file:///home/fangzhex/miniwob-plusplus/miniwob/html/miniwob/use-slider-2.html

6

15

11

Submit

core.EPISODE_MAX_TIME = 20000; // set episode interval to 20 seconds
var SLIDERS = 3;
var LOWER_BOUND = 0;
var UPPER_BOUND = 20;

var resetSliders = function(){
  for(var i=1;i<=SLIDERS;i++){
    var sliderId = '#slider-' + i.toString();
    var slider = $(sliderId).slider({
      change: function(event, ui) {
        var output = this.getAttribute('data-output');
        document.getElementById(output).innerHTML = ui.value;
      },
      min: LOWER_BOUND,
      max: UPPER_BOUND,
      step: 1,
      value: core.randi(LOWER_BOUND, UPPER_BOUND+1),
      orientation: 'horizontal',
      // function below updates the text value as the slider slides,
      // as opposed to only updating the value once the slider is released.
      slide: function(event,ui){
        var output = this.getAttribute('data-output');
        document.getElementById(output).innerHTML = ui.value;
      },
    });
    document.getElementById('val-' + i.toString()).innerHTML = slider.slider('value');
  }
}

var genProblem = function() {
  resetSliders();

  var sliderCombo = [];
  for(var i=0;i<SLIDERS;i++){
    var expectedNumber = core.randi(LOWER_BOUND, UPPER_BOUND+1);
    sliderCombo.push(expectedNumber);
  }
  d3.select('#query').html('Set the sliders to the combination ' + JSON.stringify(sliderCombo) + ' and submit.');
  d3.select('#subbtn').on('click', function(){
    var userCombo = []
    for(var i=1;i<=SLIDERS;i++){
      var userNumber = parseInt(document.getElementById('val-'+i.toString()).innerHTML,10);
      userCombo.push(userNumber);
    }
    var r = JSON.stringify(userCombo) === JSON.stringify(sliderCombo) ? 1.0 : -1.0;
    core.endEpisode(r, r>0);
  });
}

window.onload = function() {
  core.startEpisode();
}

ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content

Executing browser actions: click('25')

6

15

11

Submit

Executing browser actions:

6

15

11

Submit

Executing browser actions: fill('6', '17')
fill('15', '11')
fill('11', '15')
click('25')

In order to accomplish my goal, I need to set the sliders to the combination [17,11,15] and submit. The current state of the page shows the sliders are not set correctly. I will adjust the sliders to the required combination and then submit.

6

15

11

Submit

TimeoutError: Timeout 500ms exceeded.
=========================== logs ===========================
waiting for get_by_test_id("6")
  locator resolved to <script bid="6" src="../core/d3.v3.min.js" browsergym_se…></script>
elementHandle.fill("17")
  waiting for element to be visible, enabled and editable
    element is not visible - waiting...
============================================================

Executing browser actions:

In order to accomplish the goal, the next action should be to set the sliders to the combination [17,11,15] and submit. Here's the correct action:

fill('6', '17')
fill('15', '11')
fill('11', '15')
click('25'))

6

15

11

Submit

Executing browser actions: click('25')

In order to accomplish my goal, I need to set the sliders to the combination [17,11,15] and submit. The current state of the page shows that the sliders are already set correctly. Therefore, the next action should be to submit the form.

6

15

11

Submit

Executing browser actions:

6

15

11

Submit

Executing browser actions: click('25')

In order to accomplish my goal, I need to set the sliders to the combination [17,11,15] and submit. The current state of the page shows that the sliders are already set to the correct combination. Therefore, the next action should be to submit the form.

6

15

11

Submit

Executing browser actions:

6

15

11

Submit

Executing browser actions: click('25')

6

15

11

Submit

Agent reached maximum number of iterations


Instruction: Select -5 with the spinner and hit Submit.

No observation

Executing browser actions: noop()

Visited file:///home/fangzhex/miniwob-plusplus/miniwob/html/miniwob/use-spinner.html

Select a value:  Submit

#area { padding: 5px; }
#subbtn { margin-top: 5px; }
#spinner { width: 90%; }

var genProblem = function() {
  // reset UI
  document.getElementById('spinner').value = 0;

  var n = core.randi(-10,10);
  d3.select('#query').html('Select ' + n + ' with the spinner and hit Submit.');

  d3.select('#subbtn').on('click', function(){
    var nsel = parseInt(document.getElementById('spinner').value);
    var r = nsel === n ? 1.0 : -1.0;
    core.endEpisode(r, r>0);
  });
}

window.onload = function() {
  var spinner = $('#spinner').spinner();
  // prevent manual entry via keyboard to this text field
  $('#spinner').bind('keydown', function (event) { event.preventDefault(); });
  // prevent it from even receiving focus
  //$("#spinner").focus(function () { $(this).blur(); });
  // note: disabling this because when this is turned on somehow holding down on the arrows stops working
  core.startEpisode();
}

ui-spinner ui-corner-all ui-widget ui-widget-content

ui-button ui-widget ui-spinner-button ui-spinner-up ui-corner-tr ui-button-icon-only

ui-button ui-widget ui-spinner-button ui-spinner-down ui-corner-br ui-button-icon-only

Select a value:

labelledby

Select a value:

Executing browser actions:

Select a value:  Submit

Select a value:

Select a value:

Executing browser actions: select_option('18', '-5')
click('25')

In order to accomplish my goal, I need to select -5 with the spinner and then hit Submit.

Select a value:  Submit

Select a value:

Select a value:

Error: Error: Element is not a <select> element
=========================== logs ===========================
waiting for get_by_test_id("18")
  locator resolved to <input bid="18" value="0" id="spinner" name="value" rol…/>
  selecting specified option(s)
  Element is not a <select> element
============================================================

In order to accomplish the goal, I need to select -5 with the spinner and then click on the Submit button.

Select a value:  Submit

Select a value:

Select a value:

In order to accomplish the goal of selecting -5 with the spinner and hitting Submit, the correct action to take is:

Select a value:  Submit

Select a value:

Select a value:

Select a value:  Submit

Select a value:

Select a value:

Executing browser actions:

Select a value:  Submit

Select a value:

Select a value:

Too many errors encountered. Task failed.

No observation

All done! What's next on the agenda?

No observation


Instruction: Type the total number of blocks into the textbox and press Submit.

No observation

Executing browser actions: noop()

Visited file:///home/fangzhex/miniwob-plusplus/miniwob/html/miniwob/visual-addition.html

\+

Submit

#area { text-align: center; position: relative; height: 140px; }
#math-problem { height: 30px; font-size: 30px; display: inline-block; margin-top: 20px; }
#math-container { position: absolute; bottom: 5px; left: 10px; }
#area #math-answer { display: inline-block; height: 19px; width: 35px; margin-left: 4px; font-size: 16px;
  vertical-align: top; }
#visual-1, #visual-2 { max-width: 50px; display: inline-block; }
.math-container { display: block; margin-top: 10px; margin-bottom: 20px;  font-size: 30px; }
.addition-block { height: 10px; width: 10px; margin: 1px; display: inline-block; border: 1px solid black;
  float: left; background-color: #7fb0ff; }

core.EPISODE_MAX_TIME = 15000; // set episode interval to 15 seconds
var PROBLEM_TEMPLATE =
`

+
+
`

var VISUAL_TEMPLATE = `<span class="addition-block"></span>`

var DIGITS = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var genProblem = function(){
  d3.select('#math-problem').html(PROBLEM_TEMPLATE);
  d3.select('#math-answer')[0][0].value = '';

  var digitOne = core.sample(DIGITS);
  var digitTwo = core.sample(DIGITS);

  var expectedAnswer = (digitOne + digitTwo).toString();

  var visualOne = '';
  for(var i=0;i<digitOne;i++) visualOne += VISUAL_TEMPLATE;
  d3.select('#visual-1').html(visualOne);

  var visualTwo = '';
  for(var i=0;i<digitTwo;i++) visualTwo += VISUAL_TEMPLATE;
  d3.select('#visual-2').html(visualTwo);

  d3.select('#subbtn').on('click', function(){
    var userAnswer = d3.select('#math-answer')[0][0].value;
    var r = userAnswer === expectedAnswer.toString() ? 1.0 : -1.0;
    core.endEpisode(r, r > 0);
  });
}

window.onload = function(){
  core.startEpisode();
}

Executing browser actions:

\+

Submit

Executing browser actions:

\+

Submit

Executing browser actions:

\+

Submit

Executing browser actions: fill("31", "13")

In order to accomplish my goal, I need to fill the textbox with the total number of blocks and then click on the "Submit" button.

Fill the textbox with the total number of blocks:

\+

Submit

Executing browser actions:

\+

Submit

The total number of blocks is 13.

Therefore, the next action should be to fill the textbox with the value '13'.

\+

Submit

Executing browser actions:

\+

Submit

Executing browser actions:

\+

Submit

No observation

Agent reached maximum number of iterations