From 1e2dc5b48557b4d6981f81cc1771c2948ae9536d Mon Sep 17 00:00:00 2001
From: Jeow Li Huan <huan086@users.noreply.github.com>
Date: Thu, 7 Mar 2019 01:21:52 +0800
Subject: [PATCH] fix(Table): add CSS Module support for responsive Table
 (#1429) (#1430)

---
 src/Table.js                |  2 +-
 src/__tests__/Table.spec.js | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/Table.js b/src/Table.js
index d3d99c84e..e975b0568 100644
--- a/src/Table.js
+++ b/src/Table.js
@@ -56,7 +56,7 @@ const Table = (props) => {
   const table = <Tag {...attributes} ref={innerRef} className={classes} />;
 
   if (responsive) {
-    const responsiveClassName = responsive === true ? 'table-responsive' : `table-responsive-${responsive}`;
+    const responsiveClassName = mapToCssModules(responsive === true ? 'table-responsive' : `table-responsive-${responsive}`, cssModule);
 
     return (
       <ResponsiveTag className={responsiveClassName}>{table}</ResponsiveTag>
diff --git a/src/__tests__/Table.spec.js b/src/__tests__/Table.spec.js
index f17621838..6ed323179 100644
--- a/src/__tests__/Table.spec.js
+++ b/src/__tests__/Table.spec.js
@@ -60,4 +60,16 @@ describe('Table', () => {
     expect(wrapper.hasClass('table-responsive-md')).toBe(true);
     expect(wrapper.find('.table').length).toBe(1);
   });
+
+  it('should render responsive wrapper cssModule', () => {
+    const cssModule = {
+        table: 'scopedTable',
+        'table-responsive': 'scopedResponsive',
+    };
+    const wrapper = shallow(<Table responsive cssModule={cssModule}>Yo!</Table>);
+
+    expect(wrapper.text()).toBe('Yo!');
+    expect(wrapper.hasClass('scopedResponsive')).toBe(true);
+    expect(wrapper.find('.scopedTable').length).toBe(1);
+  });
 });