unit tests

Author: hassanad94

packages/sn-controls-react/src/fieldcontrols/html-editor.tsx

@@ -15,12 +15,12 @@ export const HtmlEditor: React.FC<
   ReactClientFieldSetting & {
     theme?: Theme
     setValue?: (value: string) => void
-    handleChange?: (value: string) => void
   }
 > = (props) => {
   const initialState =
     props.fieldValue || (props.actionName === 'new' && changeTemplatedValue(props.settings.DefaultValue)) || ''
   const [value, setValue] = useState(initialState)
+  const readonly = props.actionName === 'browse' || props.settings.ReadOnly
 
   const editorRef = useRef<MonacoEditor>(null)
   const containerRef = useRef<HTMLDivElement>(null)
@@ -35,7 +35,6 @@ export const HtmlEditor: React.FC<
       containerRef.current!.style.height = `${contentHeight}px`
     })
   }, [editorRef])
-  const readonly = props.actionName === 'browse' || props.settings.ReadOnly
 
   const editorChangeHandler = (newValue: string) => {
     setValue(newValue)
@@ -53,7 +52,7 @@ export const HtmlEditor: React.FC<
           width="100%"
           height="100%"
           value={value}
-          onChange={props.handleChange || editorChangeHandler}
+          onChange={editorChangeHandler}
           options={{
             automaticLayout: true,
             contextmenu: true,

packages/sn-controls-react/test/html-editor.test.tsx

@@ -33,7 +33,6 @@ describe('Html Editor', () => {
       localization: defaultLocalization,
       fieldValue: '<p>Test</p>',
       fieldOnChange: onChange,
-      handleChange: onChange,
     }
 
     const wrapper = mount(<HtmlEditor {...props} />)
@@ -52,7 +51,6 @@ describe('Html Editor', () => {
 
     //should be called with onChange
 
-    expect(props.handleChange).toBeCalledWith('<p>Changed Test</p>')
     expect(props.fieldOnChange).toBeCalledWith('<p>Changed Test</p>')
   })
 })