setup notification

src/editor/commands.ts

@@ -57,13 +57,10 @@ export const createCommands = ({ extensionPath, workspaceState, workspaceRoot }:
       testRunner = createTestRunner(config, {
         onSuccess: (payload: Payload) => {
           // send test pass message back to client
-          notify({ message: 'PASS' })
           webview.send({ type: 'TEST_PASS', payload })
-          // update local storage
         },
         onFail: (payload: Payload, message: string) => {
           // send test fail message back to client
-          notify({ message: `FAIL ${message}` })
           webview.send({ type: 'TEST_FAIL', payload })
         },
         onError: (payload: Payload) => {

typings/index.d.ts

@@ -83,7 +83,6 @@ export interface MachineStateSchema {
             TestRunning: {}
             TestPass: {}
             TestFail: {}
-            TestError: {}
             StepNext: {}
             LevelComplete: {}
           }

web-app/src/services/notify/index.tsx

@@ -0,0 +1,26 @@
+import { Notification } from '@alifd/next'
+
+interface Props {
+  key: string
+  title: string
+  content: string
+  duration?: number
+  onClose?: () => void
+  icon?: string
+}
+
+Notification.config({
+  placement: 'topRight',
+})
+
+const notify = (props: Props) => {
+  Notification.open({
+    key: props.key,
+    title: props.title,
+    content: props.content,
+    duration: props.duration,
+    onClose: props.onClose,
+  })
+}
+
+export default notify

web-app/src/services/state/actions/index.ts

@@ -0,0 +1,13 @@
+import editorActions from './editor'
+import commandActions from './command'
+import contextActions from './context'
+import testActions from './test'
+
+const createActions = (editorSend: any) => ({
+  ...editorActions(editorSend),
+  ...commandActions,
+  ...contextActions,
+  ...testActions,
+})
+
+export default createActions

web-app/src/services/state/actions/test.ts

@@ -0,0 +1,24 @@
+import * as CR from 'typings'
+import { ActionFunctionMap } from 'xstate'
+import notify from '../../notify'
+
+const testActions: ActionFunctionMap<CR.MachineContext, CR.MachineEvent> = {
+  testPass() {
+    notify({
+      key: 'test',
+      title: 'Success!',
+      content: '',
+      duration: 1500,
+    })
+  },
+  testFail(context, event) {
+    notify({
+      key: 'test',
+      title: 'Fail',
+      content: '',
+      duration: 3000,
+    })
+  },
+}
+
+export default testActions

web-app/src/services/state/machine.ts

@@ -1,17 +1,11 @@
 import * as CR from 'typings'
 import { assign, Machine, MachineOptions } from 'xstate'
-import editorActions from './actions/editor'
-import commandActions from './actions/command'
-import contextActions from './actions/context'
+import createActions from './actions'
 import * as services from './services'
 
 const createOptions = ({ editorSend }: any): MachineOptions<CR.MachineContext, CR.MachineEvent> => ({
   activities: {},
-  actions: {
-    ...editorActions(editorSend),
-    ...contextActions,
-    ...commandActions,
-  },
+  actions: createActions(editorSend),
   guards: {},
   services: {},
   delays: {},
@@ -195,16 +189,16 @@ export const createMachine = (options: any) => {
                   on: {
                     TEST_PASS: {
                       target: 'TestPass',
-                      actions: ['updateStepProgress'],
+                      actions: ['updateStepProgress', 'testPass'],
+                    },
+                    TEST_FAIL: {
+                      target: 'TestFail',
+                      actions: ['testFail'],
+                    },
+                    TEST_ERROR: {
+                      target: 'TestFail',
+                      actions: ['testFail'],
                     },
-                    TEST_FAIL: 'TestFail',
-                    TEST_ERROR: 'TestError',
-                  },
-                },
-                TestError: {
-                  onEntry: ['testFail'],
-                  after: {
-                    0: 'Normal',
                   },
                 },
                 TestPass: {
@@ -214,7 +208,6 @@ export const createMachine = (options: any) => {
                   },
                 },
                 TestFail: {
-                  onEntry: ['testFail'],
                   after: {
                     0: 'Normal',
                   },