I.goTo("https://datatables.net/examples/basic_init/table_sorting.html")

​

// We want to validate that the table is sorted by the age of the employees in descending order

​

// First, we'll read the data of the table into a json array

var rowData = readTableToJsonArray("#example") // read the "#example" table into a json array

TEST.log.info("Row data is: " + JSON.stringify(rowData))

​

// this will pass

validateSorting(rowData, "Age", "DESC") 

​

// this will obviously fail

validateSorting(rowData, "Office", "ASC") 

​

// Click on position to sort by position in ascending order

I.click("Position")

​

// Get the data of the table again

rowData = readTableToJsonArray("#example") // read the "#example" table into a json array

TEST.log.info("Row data is: " + JSON.stringify(rowData))

​

// Validate the sorting of the rows by "Position"

validateSorting(rowData, "Position", "ASC") 

​

//===================================================================

// This is a helper function to read a HTML table into a JSON Array

//===================================================================

function readTableToJsonArray(tableSelector){

  return UI.execute(function(tableSelector){

​

    var tableElement = document.querySelector(tableSelector) 

    var rowElements = tableElement.querySelectorAll("tr")

​

    // read the headers into an array

    var headerRowElement = rowElements[0]

    var headers = []

    headerRowElement.querySelectorAll("th").forEach(function(th){

      headers.push(th.textContent)