Unable to check/uncheck checkbox

[Gina Doll]

New to Selenium IDE. Using in Chrome. Need to check/uncheck checkboxes. The Click  command has no effect. The Check command returns the error, " Element css=.sc-exAgwC:nth-child(3) > .sc-gojNiO:nth-child(1) is not a toggle-button." Any ideas?

Thank you,

Gina

[Adrian]

Hi,

Could you please post a pic of the DOM for the checkbox.

Regards,

Adrian.

[Gina Doll]

Hi Adrian,

Thanks for your response! What’s the DOM?

Thank you,

Gina

--
You received this message because you are subscribed to the Google Groups "Selenium Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to selenium-user...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/selenium-users/da8b28ce-d333-47f1-9d6f-09468f877543n%40googlegroups.com.

[ddlionx]

https://www.w3schools.com/js/js_htmldom.asp

To view this discussion on the web visit https://groups.google.com/d/msgid/selenium-users/CA%2BUd9s00ySMUXOhcDDP_rEc0FoJAwDpXMyjDZW%3DHGdNochgYYw%40mail.gmail.com.

[Gina Doll]

Thank u! I’ll check it out!

To view this discussion on the web visit https://groups.google.com/d/msgid/selenium-users/CAJPyTs2OJYJAD%2Bht9q_kKywScvrV8JV%2B4BMxcu3KJTyQ-zuvKg%40mail.gmail.com.

[Gina Doll]

I think that this is the DOM. It's one of the pages where I'm trying to check checkboxes with Selenium IDE. Thanks!

[Adrian]

That is a picture of the UI.
To get the DOM you need access to the Dev Tools.  

Right click on the page and select Inspect from the popup menu - this will display the Dev Tools.  The DOM is displayed in the Elements tab.

Then right click on the checkbox and select Inspect again.  This will display the checkbox in the DOM,  It might look something like this:

<td class="text-primary"><input style="margin-top: 10px;" class="pull-left ng-pristine ng-valid ng-empty ng-touched" ng-model="data.currentSortedDocuments['/4194D1706ED1F408D5E02D672777019F4D5385C766A8C6CA8ACBA3167D36A7B9']['/4194D1706ED1F408D5E02D672777019F4D5385C766A8C6CA8ACBA3167D36A7B9/360398-Friday-Dance-Time (1) (1) (1).jpg'].selected" type="checkbox" ng-click="drawDatatableFolders()"> <button ng-show="level >= 0 &amp;&amp; countSelectDeselectRow('/4194D1706ED1F408D5E02D672777019F4D5385C766A8C6CA8ACBA3167D36A7B9') <= 0" ng-click="customSeeNotes('/4194D1706ED1F408D5E02D672777019F4D5385C766A8C6CA8ACBA3167D36A7B9/360398-Friday-Dance-Time (1) (1) (1).jpg')" tooltip="" title="Show Versions" class="btn btn-default btn-outline btn-sm pull-right text-muted version-number" style="margin-top: 8px"> V1</button></td>

[Gina Doll]

Cool! I didn't know all of that information was in there! The line selected in the DOM relates to Inspecting the first checkbox in the app:

To view this discussion on the web visit https://groups.google.com/d/msgid/selenium-users/f30ec7eb-cc05-4d12-b848-e8458f88ef44n%40googlegroups.com.

[Adrian]

Excellent!

There is a lot happening here.  I can see your checkboxes are part of a table and there are IDs that you can work with.

The easiest way to try and access the checkbox by its ID.

I can see that the ID of the checkbox that is checked is called question-0.  I'm guessing that the next checkbox is called question-1 and so on.

Therefore you can locate and check the checkbox based on it ID with driver.findElement(By.Id("question-0")).click();

Now this is where it get tricky.  Looking at the DOM, I can't tell if that checkbox is checked or not.  So clicking on the element might be unchecking the checkbox.  I would recommend asking the Developers how you can tell from the DOM if the checkbox is checked or not.  They might have to add extra information in the DOM for you to know this.

If searching for the checkbox by ID doesn't work there are other ways.

You can find all the inputs with the type checkbox and then iterate through the results for the required ID or text that matches the checkbox label.

C#

var allCheckboxes = driver.findElements(By.cssSelector("input[type='checkbox']"))

foreach (checkbox in allCheckboxes)

{

    if (checkbox.id == "question-0")

      checkbox.Click()

}

Or you could try:

var allCheckboxes = driver.findElements(By.cssSelector("input[type='checkbox']"))

foreach (checkbox in allCheckboxes)

{

    if (checkbox.Text == "How do I contact you?")

      checkbox.Click()

}

Or there are potentially other ways to get this info via the class name.

Goodluck,

Adrian.

[Gina Doll]

Thank you Adrian! I will give it a try, but where? In Selenium IDE do I write "run" in the Command field followed by your code in the Target field?

Thanks,

Gina

To view this discussion on the web visit https://groups.google.com/d/msgid/selenium-users/83e87678-08a1-4a1b-b07b-ab44c362d9fen%40googlegroups.com.

[Adrian]

Sorry, I haven't used Selenium IDE.

[Gina Doll]

Hi Adrian,

Selenium IDE uses JavaScript. I used the Command "check" with the Target "id=question-0" and it worked!!! Thanks for your help!

Gina

On Tue, Sep 1, 2020 at 2:49 PM Adrian <lord.s...@gmail.com> wrote:

To view this discussion on the web visit https://groups.google.com/d/msgid/selenium-users/83e87678-08a1-4a1b-b07b-ab44c362d9fen%40googlegroups.com.

[Adrian]

That's great news!

Well done.

Cheers,

Adrian.

[Kai Abraliev]

Hey Gina

For checkbox or radiobutton validation you can use - assert checked OR assert not checked for Command field

and use id for Target field - id for each element (checkbox or radiobutton)  - ( use Inspect element to find id )

See screenshot below

-Kai

To view this discussion on the web visit https://groups.google.com/d/msgid/selenium-users/CA%2BUd9s3nDJdKu%2Bj7mm8XNGzv%3DE9cX%2B5UXTvgpTJX89wVT_hNug%40mail.gmail.com.

[Gina Doll]

Thank you Kai!

Gina

To view this discussion on the web visit https://groups.google.com/d/msgid/selenium-users/CALYCfhHjEF0CcWzDAi00Z2A7cpxKx5%2Bm%2BLSqRW8cJP0FEczxcw%40mail.gmail.com.