Fix circular dependencies e2e test (#12)

* Fix circular dependencies e2e test

* screenshots

Co-authored-by: Gal Havivi <gal.havivi@oath.com>

packages/react-form/src/website/demos/react/dependencies-changes-circular/demo.ete.js

@@ -4,23 +4,33 @@
   */
 
 import {
-  testInput, CORE_CYCLE_TIME,
+  getInput, isDataViewerContains, CORE_CYCLE_TIME,
 } from '../../../e2e.utils';
 
 export default async function (page) {
   // wait for circular loop to stop
   await waitForAsyncToRender(page);
 
+  // Fields do not appear because init form action failed 
+  // and the action reverted to the prev form snapshot.
+
+  // Field with id "first"
   let id = 'first';
   let leafPath = 'first';
-  let initialValue = 'aaaa';
-  await testInput(page, id, leafPath, initialValue, null);
+  let initialValue = '';
+  let input = await getInput(page, id, initialValue);
+  expect(input).toBeFalsy();
+  let exists = await isDataViewerContains(page, leafPath, initialValue);
+  expect(exists).toBeTruthy();
 
-  // Field with id "second" - as expected
+  // Field with id "second"
   id = 'second';
   leafPath = 'second';
-  initialValue = 'bbbbb';
-  await testInput(page, id, leafPath, initialValue, null);
+  initialValue = '';
+  input = await getInput(page, id, initialValue);
+  expect(input).toBeFalsy();
+  exists = await isDataViewerContains(page, leafPath, initialValue);
+  expect(exists).toBeTruthy();
 }
 
 async function waitForAsyncToRender(page) {

packages/react-form/src/website/demos/react/dependencies-changes-circular/form/data.js

@@ -1,4 +1,2 @@
 export default {
-  first: '',
-  second: '',
 };

packages/react-form/src/website/demos/react/dependencies-changes-circular/form/dependencies-changes.js

@@ -1,8 +1,8 @@
 export default {
   firstDependenciesChange: {
-    func: props => ({ value: `${props.value}a` }),
+    func: ({ value = '' }) => ({ value: `${value}a` }),
   },
   secondDependenciesChange: {
-    func: props => ({ value: `${props.value}b` }),
+    func: ({ value = '' }) => ({ value: `${value}b` }),
   },
 };