title: Testing Kendo UI Grid with Selenium / Geb
body: <p>I'm trying to write a functional test for a Kendo UI Grid in my application. In my test, I  click on a button to add a new row to the grid, I then want to move through each of the cells, assigning a value to the input field contained in the cell as I go. I can do this 'by hand' in a browser, and it works with no issues. However, if I try to automate this process using Geb, the value entered into each cell is cleared out as soon as I tab away from the input field.</p>
  
  <p>One observation is that when I perform this test by hand, once I enter a value in the input I see a black triangle (i.e. the kendo 'dirty' icon) appear in the top left hand corner of the input. If I try to do this programmatically in my test, I do not see this icon.</p>
  
  <p>I have tried various different methods for populating the input field, such as:</p>
  
  <pre><code>1. productDescriptionField.find("input",0).value("some description")
  2. productDescriptionField.find("input",0) &lt;&lt; "some description"
  3. (driver as JavascriptExecutor).executeScript("jQuery('.k-input').val('some description')")
  </code></pre>
  
  <p>where <code>productDescriptionField</code> is a geb selector for the input field shown in the HTML snippet below:</p>
  
  <pre><code>&lt;td data-role="editable" class="k-edit-cell" id="grid_active_cell" role="gridcell"&gt;
      &lt;input data-bind="value:description" name="description" class="k-input k-textbox" type="text"&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>How can I better simulate what I, as a human being using a web browser, do when interacting with the kendo grid?</p>