add tests for notifyObserver

dash-renderer/babel.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+    presets: [['@babel/preset-env', {
+        useBuiltIns: 'usage',
+        corejs: 3
+    }], '@babel/preset-react'],
+    env: {
+        test: {
+            plugins: [
+                '@babel/plugin-transform-modules-commonjs'
+            ]
+        }
+    }
+};

dash-renderer/jest.config.js

@@ -163,9 +163,9 @@ module.exports = {
   // transform: null,
 
   // An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
-  // transformIgnorePatterns: [
-  //   "/node_modules/"
-  // ],
+  transformIgnorePatterns: [
+    "/node_modules/(?!@plotly).+\\.js"
+  ],
 
   // An array of regexp pattern strings that are matched against all modules before the module loader will automatically return a mock for them
   // unmockedModulePathPatterns: undefined,

dash-renderer/package.json

@@ -36,6 +36,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.6.0",
+    "@babel/plugin-transform-modules-commonjs": "^7.6.0",
     "@babel/preset-env": "^7.6.0",
     "@babel/preset-react": "^7.0.0",
     "@plotly/dash-component-plugins": "^1.0.1",
@@ -64,4 +65,4 @@
     "webpack-serve": "^3.1.1",
     "whatwg-fetch": "^2.0.2"
   }
-}
+}

dash-renderer/tests/notifyObservers.test.js

@@ -0,0 +1,66 @@
+import { notifyObservers } from "../src/actions";
+
+const WAIT = 1000;
+
+describe('notifyObservers', () => {
+    const thunk = notifyObservers({
+        id: 'id',
+        props: {},
+        undefined
+    });
+
+    it('executes if app is ready', async () => {
+        let done = false;
+        thunk(
+            () => { },
+            () => ({
+                graphs: {
+                    InputGraph: {
+                        hasNode: () => false,
+                        dependenciesOf: () => [],
+                        dependantsOf: () => [],
+                        overallOrder: () => 0
+                    }
+                },
+                isAppReady: true,
+                requestQueue: []
+            })
+        ).then(() => { done = true; });
+
+        await new Promise(r => setTimeout(r, 0));
+        expect(done).toEqual(true);
+    });
+
+    it('waits on app to be ready', async () => {
+        let resolve;
+        const isAppReady = new Promise(r => {
+            resolve = r;
+        });
+
+        let done = false;
+        thunk(
+            () => { },
+            () => ({
+                graphs: {
+                    InputGraph: {
+                        hasNode: () => false,
+                        dependenciesOf: () => [],
+                        dependantsOf: () => [],
+                        overallOrder: () => 0
+                    }
+                },
+                isAppReady,
+                requestQueue: []
+            })
+        ).then(() => { done = true; });
+
+        await new Promise(r => setTimeout(r, WAIT));
+        expect(done).toEqual(false);
+
+        resolve();
+
+        await new Promise(r => setTimeout(r, WAIT));
+        expect(done).toEqual(true);
+    });
+
+});