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();
+ });
+});
|