Java/SeleniumWebDriver - Click a JQuery dialog button with Selenium

Question

I currently trying to test a dialog with Selenium WebDriver but the "Create Employee" button doesn't have an id nor a name. This is what the code looks like.

<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
    <div class="ui-dialog-buttonset">

         <button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
              <span class="ui-button-text">Create Employee</span>
         </button>

         <button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
              <span class="ui-button-text">Cancel</span>
         </button>

    </div>

         <button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
              <span class="ui-button-text">Create Employee</span>
         </button>

         <button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
              <span class="ui-button-text">Cancel</span>
         </button>

</div>

Can anyone provide me with the java code that will click the button in the dialog box? Thanks

Hey from above html page i guessing there are two buttons with same name as 'Create Employee' am i right? — Omkar
– Omkar, Commented May 14, 2013 at 7:22

Omkar · Accepted Answer · 2013-05-14 07:27:49Z

4

Try Below code.

 driver.findelement(By.xpath("//button[@type='button']/span[text()='Create Employee']")).click();

answered May 14, 2013 at 7:27

Omkar

18211 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mcr · Accepted Answer · 2013-12-20 19:05:24Z

1

As an alternative to the xpath stuff, which I found troublesome for newbies, I found that jQueryUI dialog can add IDs to the results.

Instead of:

$("#stuff").dialog({
    buttons: {
            "Yes": function() {

write:

$("#stuff").dialog({
    buttons: {
            "Yes": { text: "Yes",
                     id: "#mystuff-yes",
                     click: function() {

answered Dec 20, 2013 at 19:05

mcr

4,7252 gold badges33 silver badges30 bronze badges

Comments

me_digvijay · Accepted Answer · 2013-05-14 07:22:42Z

0

If you don't have any way to select any element I would suggest the use of xpath I would suggest installing some addons or extensions on your browser for getting the xpath of the element you want to interact. Then Use that xpath for your purpose.

answered May 14, 2013 at 7:22

me_digvijay

5,53210 gold badges52 silver badges86 bronze badges

Comments

Eli · Accepted Answer · 2013-05-14 07:12:28Z

-1

If your text does not change, you can use:

$('.ui-button-text').click(function() {
    if($(this).text() == 'Create Employee') {
        // Your code here
    }
});

Demo

answered May 14, 2013 at 7:12

Eli

14.9k5 gold badges61 silver badges77 bronze badges

1 Comment

user2357236 Over a year ago

I already have the code. I just need to test it using Selenium WebDriver to submit a form.

Collectives™ on Stack Overflow

Java/SeleniumWebDriver - Click a JQuery dialog button with Selenium

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related