Mapping ui:field in GWT to generated code

Question

I'm trying to get some automated UI testing going on a GWT application and I'm having trouble finding a way to track UI elements.

For example, I have the following:

<g:Button text="Submit" ui:field="submitButton" enabled="true" />

which generates:

<button class="gwt-Button" type="button">Submit</button>

Its a compiler error to set both ui:field and id (id is considered deprecated anyway) so the problem is that I have no easy way to select my submit button using something like selenium.

Is anyone aware of a way I can map the

ui:field="sumbitButton"

to the generated HTML?

score 8 · Accepted Answer · answered Mar 09 '11 at 01:23

8

After further investigation I've discovered that you can enable debugIds which are ment for testing purposes. If you add:

<inherits name="com.google.gwt.user.Debug"/>

to your *.gwt.xml file you can then set debugId on your ui elements as such:

<g:Button text="Submit" ui:field="submitButton" enabled="true" debugId="submitButton"/>

and also in the codebehind by using the ensure debug id method

submitButton.ensureDebugId("submitButton");

answered Mar 09 '11 at 01:23

Dimitar

2,392
2
19
28

Hey. How are you clicking on this button with selenium? I tried few things, and I'm having problems with making selenium click the button! – yoosiba Jul 11 '11 at 12:57
I wasn't using selenium, but since this simply sets the Id on the element you should be able to select it in selenium based on Id. – Dimitar Jul 12 '11 at 04:08
1

Bear in mind that the generated debug id will be gwt-debug-submitButton – Christian Achilli Sep 10 '13 at 15:27
Put DebugInfo.setDebugIdPrefix("") in your onModuleLoad() to remove the gwt-debug- prefix from all IDs. – David Chandler Mar 04 '15 at 17:58

Mapping ui:field in GWT to generated code

1 Answers1

Linked