style undefined narrowind down errors

Author: MatteoDiter

__tests__/componentReducer.test.ts

@@ -1,6 +1,7 @@
 import reducer from '../app/src/redux/reducers/slice/appStateSlice';
 import { State, Action } from '../app/src/interfaces/Interfaces';
 import { initialState } from '../app/src/redux/reducers/slice/appStateSlice';
+import styled from '@emotion/styled';
 
 describe('componentReducer Test', () => {
   let state: State = initialState;
@@ -173,15 +174,15 @@ describe('componentReducer Test', () => {
       expect(state.canvasFocus.childId).toEqual(null);
     });
   });
-
+  
   // TEST 'UPDATE CSS'
   xdescribe('updateCss', () => {
     it('should add style to focused component', () => {
       const action: Action = {
         type: 'appState/updateCss',
         payload: {
           style: {
-            backgroundColor: 'gray'
+            backgroundColor: 'gray',
           },
           contextParam: {
             allContext: []
@@ -192,6 +193,7 @@ describe('componentReducer Test', () => {
       const styledComp = state.components.find(
         (comp) => comp.id === state.canvasFocus.componentId
       );
+      console.log('styledcomp',styledComp.style)
       // expect the style property on targeted comp to equal style property in payload
       if (styledComp) {
       expect(styledComp.style.backgroundColor).toEqual(