From a46cd9fc992f6b5a0174cdf641c2f2d23a861fda Mon Sep 17 00:00:00 2001
From: ZeeshanTamboli <zeeshan.tamboli@gmail.com>
Date: Fri, 3 Jun 2022 18:48:58 +0530
Subject: [PATCH] test: use createTheme in test

---
 packages/mui-material/src/Stack/Stack.test.js | 48 +++++++++----------
 1 file changed, 22 insertions(+), 26 deletions(-)

diff --git a/packages/mui-material/src/Stack/Stack.test.js b/packages/mui-material/src/Stack/Stack.test.js
index 2dccae2a66e0e8..ae8c11db7b1b2e 100644
--- a/packages/mui-material/src/Stack/Stack.test.js
+++ b/packages/mui-material/src/Stack/Stack.test.js
@@ -258,24 +258,25 @@ describe('<Stack />', () => {
     });
 
     it('should generate correct styles if custom breakpoints are provided in theme', () => {
+      const customTheme = createTheme({
+        breakpoints: {
+          values: {
+            smallest: 0,
+            small: 375,
+            mobile: 600,
+            tablet: 992,
+            desktop: 1200,
+          },
+        },
+      });
+
       expect(
         style({
           ownerState: {
             direction: 'column',
             spacing: 4,
           },
-          theme: {
-            ...defaultTheme,
-            breakpoints: {
-              values: {
-                smallest: 0,
-                small: 375,
-                mobile: 600,
-                tablet: 992,
-                desktop: 1200,
-              },
-            },
-          },
+          theme: customTheme,
         }),
       ).to.deep.equal({
         '& > :not(style) + :not(style)': {
@@ -288,22 +289,17 @@ describe('<Stack />', () => {
     });
 
     it('should generate correct responsive styles if custom responsive spacing values are provided', () => {
-      const breakpointsValues = {
-        smallest: 0,
-        small: 375,
-        mobile: 600,
-        tablet: 992,
-        desktop: 1200,
-      };
-
-      const customTheme = {
-        ...defaultTheme,
+      const customTheme = createTheme({
         breakpoints: {
-          values: breakpointsValues,
-          keys: ['smallest', 'small', 'mobile', 'tablet', 'desktop'],
-          up: (key) => `@media (min-width:${breakpointsValues[key]}px)`,
+          values: {
+            smallest: 0,
+            small: 375,
+            mobile: 600,
+            tablet: 992,
+            desktop: 1200,
+          },
         },
-      };
+      });
 
       expect(
         style({