From c9d860455e37bd398b3e9a14f4e3c187ca55c9ad Mon Sep 17 00:00:00 2001
From: Willian Watanabe <watinha@gmail.com>
Date: Sun, 5 Jul 2020 19:27:21 -0300
Subject: [PATCH] FIX #1847: passes attributes to nested Progress bar component

---
 src/Progress.js                |  1 +
 src/__tests__/Progress.spec.js | 11 +++++++++++
 2 files changed, 12 insertions(+)

diff --git a/src/Progress.js b/src/Progress.js
index 73dbcdef4..d36e167cf 100644
--- 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
index 3bb8a173f..6ce42a65c 100644
--- 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);
+  });
 });