FIX reactstrap#1847: passes attributes to nested Progress bar component

watinha · Jul 5, 2020 · c9d8604 · c9d8604
1 parent ef152de
commit c9d8604
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/Progress.js b/src/Progress.js
@@ -77,6 +77,7 @@ const Progress = (props) => {
 
   const ProgressBar = multi ? children : (
     <div
+      {...attributes}
       className={progressBarClasses}
       style={{
         ...style,

diff --git a/src/__tests__/Progress.spec.js b/src/__tests__/Progress.spec.js
@@ -161,4 +161,15 @@ describe('Progress', () => {
     expect(wrapper.find('.progress').hostNodes().length).toBe(1);
     expect(wrapper.find('.progress-bar').hostNodes().length).toBe(5);
   });
+
+  it('should render nested progress bars and id attribute', () => {
+    const wrapper = mount(
+      <Progress multi>
+        <Progress bar id="ruh-roh" />
+      </Progress>
+    );
+
+    expect(wrapper.find('.progress').hostNodes().length).toBe(1);
+    expect(wrapper.find('#ruh-roh').hostNodes().length).toBe(1);
+  });
 });