adding new tests to check toolbar is rendered properly when showToolb…

…ar prop is passed
mui · Dec 18, 2021 · e2be163 · e2be163
1 parent d091aeb
commit e2be163
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/packages/mui-lab/src/DateTimePicker/DateTimePicker.test.tsx b/packages/mui-lab/src/DateTimePicker/DateTimePicker.test.tsx
@@ -1,6 +1,8 @@
 import * as React from 'react';
 import TextField from '@mui/material/TextField';
 import DateTimePicker from '@mui/lab/DateTimePicker';
+import { expect } from 'chai';
+import { screen } from 'test/utils';
 import { createPickerRenderer } from '../internal/pickers/test-utils';
 
 describe('<DateTimePicker />', () => {
@@ -16,4 +18,17 @@ describe('<DateTimePicker />', () => {
       />,
     );
   });
+  it('prop `showToolbar` – renders toolbar in DateTimePicker', () => {
+    render(
+      <DateTimePicker
+        open
+        showToolbar
+        onChange={() => {}}
+        value={null}
+        renderInput={(params) => <TextField {...params} />}
+      />,
+    );
+
+    expect(screen.getByMuiTest('picker-toolbar')).toBeVisible();
+  });
 });
diff --git a/packages/mui-lab/src/MobileDateTimePicker/MobileDateTimePicker.test.tsx b/packages/mui-lab/src/MobileDateTimePicker/MobileDateTimePicker.test.tsx
@@ -141,6 +141,20 @@ describe('<MobileDateTimePicker />', () => {
     expect(screen.getByMuiTest('datetimepicker-toolbar-day')).to.have.text('Nov 20');
   });
 
+  it('prop `showToolbar` – renders toolbar in MobileDateTimePicker', () => {
+    render(
+      <MobileDateTimePicker
+        open
+        showToolbar
+        onChange={() => {}}
+        value={adapterToUse.date('2021-11-20T10:01:22.000')}
+        renderInput={(params) => <TextField {...params} />}
+      />,
+    );
+
+    expect(screen.getByMuiTest('picker-toolbar')).toBeVisible();
+  });
+
   it('can render seconds on view', () => {
     render(
       <MobileDateTimePicker