I could finally succeed in getting this working (y). Below is a sample working code for your reference.

import org.junit.After;
import org.junit.Before;
import org.junit.Test;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebDriverBackedSelenium;

import com.thoughtworks.selenium.Selenium;

/**
* User Story: BI-32 – Write automated (selenium) test scripts for all the TG events

@Test
public void testApproveWorkflow() {

selenium.open(“http://localhost:8080/BizzForce/#”);
selenium.type(LoginForm.USERNAME_INPUT_FIELD, “admin”);
selenium.type(LoginForm.PASSWORD_INPUT_FIELD, “admin”);
selenium.click(LoginForm.LOGIN_BUTTON);
selenium.click(“id=render-grid”);
selenium.click(“//table[@id='bf-grid']/tbody/tr/td[1]/div[@class='GMHeadLeft']/table[@class='GMSectionFF3']/tbody/tr[2]/td[3]“);
selenium.click(“//table[@id='bf-grid']/tbody/tr/td[1]/div[@class='GMHeadLeft']/table[@class='GMSectionFF3']/tbody/tr[2]/td[3]“);

}

@After
public void finish() {
System.out.println(“Finished ” + testName + “…”);
System.out.println(“—–”);
nl.myapp.selenium.core.AssertHelper.checkForVerificationErrors();
}

}

Just want to give it a try if QA Folks can do some magic here

This could be a very good brain sharpening exercise to try selenium expertise. hehe

Thanks in advance

Reference Link: http://www.sencha.com/forum/showthread.php?142755-TreeGrid&p=681092

Without spending many hours remembering how I did the extremely complicated selenium testing I did a few years back, I’m sorry I can’t help you specifically.

I can say that Xpath is your friend. Use Xpath at all times instead of mouse events. You will need to learn how to traverse the DOM using Xpath and using the children or siblings to find the exact element ID to click on relative to a known element.

eg //td[contains(text()),'My Label']/following-sibling::td[2]/input

You know the Div of the overall grid, you know the fixed labels or even fixed image names for the add button, so find those, then find the table or other element nearby this element that you know how to find.

Or use CSS selectors. This is one that I did not investigate fully, but could be very useful to you.

Whatever you do, it is going to be hard, and very time consuming. I know that Selenium can do it, as I have done it before, but I’m not convinced it was worth the effort, as the Selenium code ends up being very fragile as it is based on the Xpath references – as soon as a new version of the grid control is released – all your tests may need to be written again.

I am however stuckup with mouseAt,MouseDown and MouseUp events while testing TreeGrid component. We have the below reply from TreeGrid when asked for info:

TreeGrid uses low
level DOM and JavaScript to be as fast as possible, especially it uses
innerHTML attribute as the fastest way of changing DOM, so the automated
testing tools usually fail on it. (We test TreeGrid always manually.)

This is an event log of pressing Add icon in Toolbar:
OnMouseDown: Cell [Toolbar,Add] at [11,7].
OnMouseUp: Cell [Toolbar,Add] at [11,7].
OnClick: User clicked cell [Toolbar,Add] at [11,7]. Cell value is ”.
OnCanRowAdd: Test if is possible add row to root as the last row
OnGenerateId: The identity attribute (id) of the row ” was set to ‘__’
OnSetRowId: The id attribute of the row ‘__’ was set to ‘__’
OnRowAdd: User ADDED new row ‘__’ to root as the last row
OnScroll: Grid was scrolled from position [0,15] to new position [0,16];
OnCalculate: row ‘__’ children are calculated
OnCalculate: TreeGrid is calculated
OnRowAdded: Row ‘__’ was sucessfully added
OnScroll: Grid was scrolled from position [0,16] to new position [0,30];
OnFocus: User focused cell [__,null]. Original focused cell was [none,none].

You can watch these events in TreeGrid “Extended JavaScript API example”
in “Universal local HTML and JavaScript API examples” section of our
downloadable TreeGridEval versions.

Ref URL:http://www.treegrid.com/treegrid/www/

Can you please help us with automating this?