Add availability gauges to the plugin page object

ui/app/templates/csi/plugins/plugin.hbs

@@ -26,7 +26,7 @@
 
   <div class="columns">
     {{#if model.controllerRequired}}
-      <div class="column">
+      <div class="column" data-test-plugin-controller-availability>
         <div class="boxed-section">
           <div class="boxed-section-head is-hollow">Controller Health</div>
           <div class="boxed-section-body">
@@ -55,7 +55,7 @@
       </div>
     {{/if}}
     <div class="column">
-      <div class="boxed-section">
+      <div class="boxed-section" data-test-plugin-node-availability>
         <div class="boxed-section-head is-hollow">Node Health</div>
         <div class="boxed-section-body">
           <div class="columns is-centered is-max-half is-bottom-aligned">

ui/tests/pages/storage/plugins/detail.js

@@ -19,6 +19,9 @@ export default create({
   nodeHealth: text('[data-test-plugin-node-health]'),
   provider: text('[data-test-plugin-provider]'),
 
+  controllerAvailabilityIsPresent: isPresent('[data-test-plugin-controller-availability]'),
+  nodeAvailabilityIsPresent: isPresent('[data-test-plugin-node-availability]'),
+
   breadcrumbs: collection('[data-test-breadcrumb]', {
     id: attribute('data-test-breadcrumb'),
     text: text(),