Skip to main content

JMeter CSS/JQuery Extractor Example

Since version 2.9, JMeter has provided an option to extract value using CSS/JQuery Extractor post-processor. This is quite useful as now it would be possible to get the value of elements using CSS and JQuery expressions. In this article, we will explore how JMeter CSS/JQuery Extractor post-processor can be used to fetch values from web page response.
Google home page is taken as reference for this example. We have recorded a step which will fetch Google home page as response. We will try to extract value of search field’s ‘autocomplete’ parameter using CSS/JQuery Extractor. Follow below steps to perform this task.
  1. Add CSS/JQuery Extractor post-processor under the recorded Google home page’s request.
  2. Add Debug Sampler and View Result Tree listener under thread group. Your script should look as below after performing these 2 steps.
  1. Run the script for getting response of Google home page.
  2. For Google search field, JMeter receives below code in View Result Tree listener’s response data. We want to fetch value of ‘autocomplete’ parameter.
  3. Now, select CSS/JQuery Extractor from the script. We need to provide values in various fields displayed over here. Refer below step for possible values. Fore detailed info about these parameters, checkout JMeter official documentation.
  4. Reference name can be provided with any name. We need to enter CSS expression for the search field, ‘input[name=q]’ in our case. Since we need to get value of ‘autocomplete’ parameter, we will provide it in Attribute section. We have entered 1 as Match number since we need to get the value of 1st matching data. At last, we have provided ‘NotFound’ as default value which will be passed to next request if JMeter was unable to find any value. Your JMeter CSS/JQuery Extractor should resemble below image after providing all these values.

  1. Run the test and verify in View Result Tree listener that the reference name variable is having value fetched from CSS/JQuery Extractor.
We hope the above article would be helpful in giving basic JMeter CSS/JQuery Extractor overview. Share with us your further learning in comments below.
Labels:

Comments

Post a Comment

Popular posts from this blog

SSO with SAML login scenario in JMeter

SAML(Security Assertion Markup Language) is increasingly being used to perform single sign-on(SSO) operations. As WikiPedia puts it, SAML is an XML-based open standard data format for exchanging authentication and authorization data between parties, in particular, between an identity provider and a service provider. With the rise in use of SAML in web applications, we may need to handle this in JMeter. This step-by-step tutorial shows SAML JMeter scenario to perform login operation. First request from JMeter is a GET request to fetch Login page. We need to fetch two values ‘SAMLRequest’ and ‘RelayState’ from the Login page response data. We can do this by using  Regular Expression Extractor . These two values need to be sent in POST request to service provider. Refer below image to see how to do this. We will get an HTML login page as a response to the request sent in 1st step. We need to fetch values of some hidden elements to pass it in the next request. We can do this b
Post a Comment
Read more

Reading data from text file in SoapUI using groovy script

How to read data from text file in SoapUI. SoapUI Pro has some advance feature which is not in SaopUI as data fetching from external sources so in SoapUI we use Groovy script for that. Following are the peace of groovy script code for reading data from text file. 1. Reading all data from text file. //reading all txt file at once File file = new File("E://TestData.txt") fileContent = file.getText()                  log.info fileContent 2. Reading data line by line from text file. //reading text line by line File file1 = new File(" E://TestData.txt ") List textLine = file1.readLines() log.info textLine 3. Reading data randomly of any line from text file. //reading text randon line number File file2 = new File(" E://TestData.txt ") List textLine2 = file2.readLines() rowIndex  =  Math.abs(new Random().nextInt() % 4 + 1) log.info textLine2[rowIndex]
Post a Comment
Read more

VBScript Code - Function to convert CSV file into excel and viceversa in QTP using VBScript

We at times are required to convert excel files into csv to read as flat files and sometime require to convert a csv file into excel file to use excel features on the data.   Below function shows how to convert an csv file into excel file and vice versa. We can also convert to other formats based on constants Here constant value 23 is used to create a csv file and constant -4143 to save a file as xls file. Once the destination file is created, we can delete the source file as shown below.  In case of any issue in understanding the code, please add in comment section Call func_ConversionCSVExcel("E:\Test.csv", "E:\Test_converted.xls", "csvtoexcel") Public Function func_ConversionCSVExcel(strSrcFile, strDestFile, Conversion) on error resume next Set objExcel = CreateObject("Excel.application") set objExcelBook = objExcel.Workbooks.Open(strSrcFile) objExcel.application.visible=false objExcel.application.displayalerts=
Post a Comment
Read more