diff --git a/packages/react/src/components/DataTable/__tests__/TableToolbar-test.js b/packages/react/src/components/DataTable/__tests__/TableToolbar-test.js
index 5364f0b70b12..e2d3902dc9e3 100644
--- a/packages/react/src/components/DataTable/__tests__/TableToolbar-test.js
+++ b/packages/react/src/components/DataTable/__tests__/TableToolbar-test.js
@@ -6,12 +6,43 @@
*/
import React from 'react';
-import { mount } from 'enzyme';
-import { TableToolbar } from '../';
+import TableToolbar from '../TableToolbar';
+import { render, screen } from '@testing-library/react';
-describe('DataTable.TableToolbar', () => {
- it('should render', () => {
- const wrapper = mount();
- expect(wrapper).toMatchSnapshot();
+describe('TableToolbar', () => {
+ describe('renders as expected - Component API', () => {
+ it('should render', () => {
+ const { container } = render();
+
+ expect(container).toMatchSnapshot();
+ });
+
+ it('should spread extra props onto outermost element', () => {
+ const { container } = render();
+
+ expect(container.firstChild).toHaveAttribute('data-testid', 'test-id');
+ });
+
+ it('should respect aria-label prop', () => {
+ render();
+
+ expect(screen.getByLabelText('Aria label')).toBeInTheDocument();
+ });
+
+ it('should render children as expected', () => {
+ render(
+
+ child
+
+ );
+
+ expect(screen.getByText('child')).toBeInTheDocument();
+ });
+
+ it('should respect size prop', () => {
+ const { container } = render();
+
+ expect(container.firstChild).toHaveClass('cds--table-toolbar--sm');
+ });
});
});
diff --git a/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbar-test.js.snap b/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbar-test.js.snap
index 21f97627e2d0..5d5a930fe1e3 100644
--- a/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbar-test.js.snap
+++ b/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbar-test.js.snap
@@ -1,13 +1,10 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`DataTable.TableToolbar should render 1`] = `
-
+exports[`TableToolbar renders as expected - Component API should render 1`] = `
+
-
+
`;