Extract queue features from mgt ui

Author: MarcialRosales

deps/rabbitmq_management/priv/www/js/tmpl/queue.ejs

@@ -11,10 +11,10 @@
 <% } %>
 
     <h3>Details</h3>
-    <table class="facts facts-l">
+    <table class="facts facts-l" id="details-queue-table">
       <tr>
         <th>Features</th>
-        <td><%= fmt_features(queue) %></td>
+        <td id="details-queue-features"><%= fmt_features(queue) %></td>
       </tr>
 <% if(!disable_stats) { %>
       <tr>
@@ -77,7 +77,7 @@
 <% } %>
 
 <% if(!disable_stats) { %>
-<div class="section-hidden">
+<div class="section-hidden" id="queue-consumers-section">
   <h2 class="updatable">Consumers (<%=(queue.consumer_details.length)%>) </h2>
   <div class="hider updatable">
 <%= format('consumers', {'mode': 'queue', 'consumers': queue.consumer_details}) %>

selenium/test/pageobjects/BasePage.js

@@ -150,6 +150,33 @@ module.exports = class BasePage {
     const select = await new Select(selectable)
     return select.selectByValue(vhost)
   }
+  async getTableMini(tableLocator) {
+    const table = await this.waitForDisplayed(tableLocator)
+    return this.getTableMiniUsingTableElement(table)    
+  }
+  async getTableMiniUsingTableElement(table) {
+    const rows = await table.findElements(By.css('tbody tr'))
+    let table_model = []
+    for (let row of rows) {
+      let columnName = await row.findElement(By.css('th')).getText()
+      let columnValue = await row.findElement(By.css('td'))
+      let columnType = await columnValue.getTagName()
+      switch (columnType) {
+        case "table": 
+          table_model.push({
+            "name": columnName, 
+            "value" : await this.getTableMiniUsingTableElement(columnValue)
+          })
+          break
+        default: 
+          table_model.push({
+            "name" : columnName,
+            "value" : await columnValue.getText()
+          })
+      }      
+    }
+    return table_model
+  }
   async getTable(tableLocator, firstNColumns, rowClass) {
     const table = await this.waitForDisplayed(tableLocator)
     const rows = await table.findElements(rowClass == undefined ? 

selenium/test/pageobjects/QueuePage.js

@@ -7,6 +7,7 @@ const QUEUE_NAME = By.css('div#main h1 b')
 
 const DELETE_SECTION = By.css('div#main div#delete')
 const DELETE_BUTTON = By.css('div#main div#delete input[type=submit]')
+const FEATURES = By.css('table#details-queue-table td#details-queue-features')
 
 module.exports = class QueuePage extends BasePage {
   async isLoaded() {
@@ -15,7 +16,9 @@ module.exports = class QueuePage extends BasePage {
   async getName() {
     return this.getText(QUEUE_NAME)
   }
-  
+  async getFeatures() {
+    return this.getTableMini(FEATURES)
+  }
   async ensureDeleteQueueSectionIsVisible() {    
     await this.click(DELETE_SECTION)
     return this.driver.findElement(DELETE_SECTION).isDisplayed()

selenium/test/queuesAndStreams/view-qq-consumers.js

@@ -1,7 +1,7 @@
 const { By, Key, until, Builder } = require('selenium-webdriver')
 require('chromedriver')
 const assert = require('assert')
-const { buildDriver, goToHome, captureScreensFor, teardown, delay, goToQueue } = require('../utils')
+const { buildDriver, goToHome, captureScreensFor, teardown, log, goToQueue } = require('../utils')
 const { createQueue, deleteQueue, getManagementUrl, basicAuthorization } = require('../mgt-api')
 
 const LoginPage = require('../pageobjects/LoginPage')
@@ -46,7 +46,8 @@ describe('Given a quorum queue', function () {
     await goToQueue(driver, "/", queueName)
     await queuePage.isLoaded()
     assert.equal(queueName, await queuePage.getName())
-     
+    let table = await queuePage.getFeatures()
+    console.log("Queue features: " + JSON.stringify(table))
   })
 
   after(async function () {