[SnackbarContent] Fix square prop not working (#46196)

Co-authored-by: ZeeshanTamboli <[email protected]>

Author: 0210shivam

packages/mui-material/src/SnackbarContent/SnackbarContent.js

@@ -41,7 +41,6 @@ const SnackbarContentRoot = styled(Paper, {
       alignItems: 'center',
       flexWrap: 'wrap',
       padding: '6px 16px',
-      borderRadius: (theme.vars || theme).shape.borderRadius,
       flexGrow: 1,
       [theme.breakpoints.up('sm')]: {
         flexGrow: 'initial',
@@ -78,7 +77,6 @@ const SnackbarContent = React.forwardRef(function SnackbarContent(inProps, ref)
   return (
     <SnackbarContentRoot
       role={role}
-      square
       elevation={6}
       className={clsx(classes.root, className)}
       ownerState={ownerState}

packages/mui-material/src/SnackbarContent/SnackbarContent.test.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { expect } from 'chai';
-import { createRenderer } from '@mui/internal-test-utils';
-import Paper from '@mui/material/Paper';
+import { createRenderer, screen } from '@mui/internal-test-utils';
+import Paper, { paperClasses } from '@mui/material/Paper';
 import SnackbarContent, { snackbarContentClasses as classes } from '@mui/material/SnackbarContent';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import describeConformance from '../../test/describeConformance';
@@ -75,4 +75,18 @@ describe('<SnackbarContent />', () => {
       ).not.to.throw();
     });
   });
+
+  describe('prop: square', () => {
+    it('should disable the rounded class when square is true', () => {
+      render(<SnackbarContent data-testid="snackbar" message="test" square />);
+
+      expect(screen.getByTestId('snackbar')).not.to.have.class(paperClasses.rounded);
+    });
+
+    it('should apply the rounded class when square is not passed', () => {
+      render(<SnackbarContent data-testid="snackbar" message="test" />);
+
+      expect(screen.getByTestId('snackbar')).to.have.class(paperClasses.rounded);
+    });
+  });
 });