make sure progress bar updates and animates

hashicorp · May 14, 2020 · c73c478 · c73c478
1 parent c5f3e92
commit c73c478
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/ui/app/styles/core/progress.scss b/ui/app/styles/core/progress.scss
@@ -21,4 +21,5 @@
 // style the progress bar
 .progress[value]::-webkit-progress-value {
   border-radius: $radius;
+  transition: width 1s ease-out;
 }
diff --git a/ui/tests/integration/components/replication-dashboard-test.js b/ui/tests/integration/components/replication-dashboard-test.js
@@ -1,6 +1,7 @@
 import { module, test } from 'qunit';
 import { setupRenderingTest } from 'ember-qunit';
 import { render } from '@ember/test-helpers';
+import { assign } from '@ember/polyfills';
 import hbs from 'htmlbars-inline-precompile';
 
 const REPLICATION_DETAILS = {
@@ -94,5 +95,12 @@ module('Integration | Enterprise | Component | replication-dashboard', function(
         IS_REINDEXING.reindex_building_progress,
         'shows the reindexing progress inside the alert banner'
       );
+
+    const reindexingInProgress = assign({}, IS_REINDEXING, { reindex_building_progress: 27000 });
+    this.set('replicationDetails', reindexingInProgress);
+
+    assert
+      .dom('.message-title>.progress')
+      .hasValue(reindexingInProgress.reindex_building_progress, 'updates the reindexing progress');
   });
 });