table
Table is ready to use component for extracting data an UI table
Table in web application is very important and complex structure holding lot of data. To simplify extracting data from a complex table, qatts have inbuilt component. Just need to config locators of the table, headers, columns and rest of it is magic created by our engineers.
Based on your scenario you can configure properties for quick results:
Extract selected Columns only and Map to Product Element
Use prop.column:[Product Element Name] property to define each column and respective product element
Extract columns without product element definition
>>Extract selected Columns and Map to Product Element
Locator Type & Path must be given for row array. Not to the table. Column locator has to be relative to row.
Use below advanced props for table element type
Prop name | Description | Options |
---|---|---|
prop.column:[Product Element Name] | Locator for respective Product Element or UI Element. For the product element name in the prop value, give locator info. Locator Info contains locator type and locator path with colon as delimiter | prop.column:First Name ( First Name is product element) prop.column:ZipCode (ZipCode is Product Element) Locator Info Syntax [locator type]:[locator path] |
prop.columns.locator | Generic locator to each cell. Use columnIndex variable in locator to make it dynamic | if this property is given, it will ignore individual prop.column:[Product Element Name] |
prop.column.key | Typical table data will be hold data of an entity. For example a table will hold list of employee. And each row will hold information of an employee. So for employee key field that represent unique employee such as emp id or name etc. Key field for the data set that table data is representing. This is optional and but will be useful in getting the Data from array and display | A valid product element |
prop.table.noDataElement | Locator to check if table don't have any data. if the element exits, its assume that data doesn't exists in the table | |
prop.nextPage.link | Locator info of the web element that navigates to the next page. | Optional Field. Locator to be specified as [locator type]:[locator path] |
Last updated