feat(playground): emit formPlayground.inputDataError

Related to camunda/form-playground#20
bpmn-io · Nov 4, 2022 · 7aeca3f · 7aeca3f
1 parent bacd09b
commit 7aeca3f
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 3 deletions.
diff --git a/packages/form-js-playground/src/components/PlaygroundRoot.js b/packages/form-js-playground/src/components/PlaygroundRoot.js
@@ -128,12 +128,12 @@ export function PlaygroundRoot(props) {
     });
 
     dataEditor.on('changed', event => {
-
       try {
         setData(JSON.parse(event.value));
-      } catch (err) {
+      } catch (error) {
 
-        // TODO(nikku): indicate JSON parse error
+        // notify interested about input data error
+        emit('formPlayground.inputDataError', error);
       }
     });
 

diff --git a/packages/form-js-playground/test/spec/Playground.spec.js b/packages/form-js-playground/test/spec/Playground.spec.js
@@ -545,6 +545,32 @@ describe('playground', function() {
       expect(spy).to.have.been.called;
     });
 
+
+    it('should emit <formPlayground.inputDataError>', async function() {
+
+      // given
+      await act(() => {
+        playground = new Playground({
+          container,
+          schema
+        });
+      });
+
+      let trackedError;
+
+      playground.on('formPlayground.inputDataError', e => trackedError = e);
+
+      // when
+      await act(() => {
+        const dataEditor = playground.getDataEditor();
+        dataEditor.emit('changed', { value: 'foo' });
+      });
+
+      // then
+      expect(trackedError).to.exist;
+      expect(trackedError.toString()).to.eql('SyntaxError: Unexpected token o in JSON at position 1');
+    });
+
   });