selenium “storeCssCount” and “verifyCssCount” Commands with Example

CSS element locators are very strong and important for not only selenium IDE but also for selenium RC, webdriver and all other versions of selenium. I suggest you to read my post about CSS Locators for selenium IDE first, where i described many different ways of writing CSS path for any node of page with
examples. Now let me describe 2 selenium commands related to CSS which will help you to count no of CSS locators on page.
Selenium “storeCssCount” Command
“storeCssCount” command used in selenium IDE to store number of CSS count for targeted node in to variable. You can use this command when you need CSS count to use it in other commands like “verifyCssCount” or “assertCssCount” or “gotoIf” to compare the CSS count value to take some decision based on CSS count.
“verifyCssCount” Command in selenium
As described above, “verifyCssCount” command helps you to verify CSS count on page. Let me give you example for “storeCssCount” and “verifyCssCount” commands.

New Test
Command Target Value
setSpeed 500
open http://www.wikipedia.org/
storeCssCount css=form NoOfForms
echo ${NoOfForms} no of form nodes
storeCssCount css=fieldset NoOffieldsets
echo ${NoOffieldsets} no of fieldset nodes
storeCssCount css=input NoOfinput
echo ${NoOfinput} no of input nodes
storeCssCount css=input[id] NoOfinputID
echo ${NoOfinputID} no of input nodes with ‘id’ attribute
storeCssCount css=input[type] NoOfinTYPE
echo ${NoOfinTYPE}no of input nodes with ‘type’ attribute 
store 6 MyCount
echo ${MyCount}
echo ${NoOfinput}
gotoIf storedVars[‘MyCount’]!==
storedVars[‘NoOfinput’]
Not Match
label Changecount
store 9 MyCount
verifyCssCount css=input[type] 6
verifyCssCount css=input[type] 9
gotoIf storedVars[‘MyCount’]==
storedVars[‘NoOfinput’]
Match
label Not Match
echo Expected CSS count ‘${MyCount}’ did not match with actual CSS count ‘${NoOfinput}’.
gotoLabel Changecount
label Match
echo Expected CSS count ‘${MyCount}’ match with actual CSS count ‘${NoOfinput}’

In above example, command execution and results will be as bellow.

  • 1st “storeCssCount” command will return number of nodes found on page where node name = ‘form’ and will store that value in variable ‘NoOfForms’.
  • 2nd “storeCssCount” command will return number of nodes found on page where node name = ‘fieldset’ and will store that value in variable ‘NoOffieldsets’.
  • 3rd “storeCssCount” command will return number of nodes found on page where node name = ‘input’ and will store that value in variable ‘NoOfinput‘.
  • 4th “storeCssCount” command will return number of nodes found on page where node name = ‘input’ & attribute = ‘id’ and will store that value in variable ‘NoOfinputID‘.
  • 5th “storeCssCount” command will return number of nodes found on page where node name = ‘input’ & attribute = ‘type’ and will store that value in variable ‘NoOfinTYPE‘.
  • 1st “gotoIf” will send selenium pointer to label = ‘Not Match’ because Expected CSS count ‘6’ will not match with actual CSS count ‘9’ and then selenium pointer will jump on label = Changecount for verification of CSS count once again.
  • 1st “verifyCssCount” command will return “[error] Actual value ‘9’ did not match ‘6’”.
  • 2nd “gotoIf” will send selenium pointer to label = ‘Match’ because now Expected CSS count ‘9’ will match with actual CSS count ‘9’.

One thought on “selenium “storeCssCount” and “verifyCssCount” Commands with Example

Leave a Reply

Your email address will not be published. Required fields are marked *