diff --git a/src/components/table/__snapshots__/table_row_cell.test.js.snap b/src/components/table/__snapshots__/table_row_cell.test.js.snap index 113bde578eb9..d77cae1ddfb2 100644 --- a/src/components/table/__snapshots__/table_row_cell.test.js.snap +++ b/src/components/table/__snapshots__/table_row_cell.test.js.snap @@ -42,6 +42,20 @@ exports[`align renders right when specified 1`] = ` `; +exports[`children's className merges new classnames into existing ones 1`] = ` + +
+
+
+ +`; + exports[`renders EuiTableRowCell 1`] = ` {children}; } else if(React.isValidElement(modifiedChildren)) { - modifiedChildren = React.Children.map(children, child => React.cloneElement(child, { className: childClasses })); + modifiedChildren = React.Children.map( + children, + child => React.cloneElement( + child, + { className: classNames(child.props.className, childClasses) } + ) + ); } return ( diff --git a/src/components/table/table_row_cell.test.js b/src/components/table/table_row_cell.test.js index 684ac418ee94..5df0e61fd5ac 100644 --- a/src/components/table/table_row_cell.test.js +++ b/src/components/table/table_row_cell.test.js @@ -82,3 +82,15 @@ describe('truncateText', () => { expect(render(component)).toMatchSnapshot(); }); }); + +describe(`children's className`, () => { + test('merges new classnames into existing ones', () => { + const component = ( + +
+ + ); + + expect(render(component)).toMatchSnapshot(); + }); +});