Impove workload failure/success flipping and update demos

src/index.tsx

@@ -29,11 +29,18 @@ store.dispatch(WorkloadActions.updateStatus({ id: 0, status: 'SUCCESS' }));
 
 const workloadService = new WorkloadService();
 
-workloadService.create({ complexity: 100 }).then(console.log.bind(console, 'create'));
-workloadService.cancel({ id: 0 }).then(console.log.bind(console, 'cancel'));
+workloadService.create({ complexity: 1 }).then(console.log.bind(console, 'create 0'));
+workloadService.cancel({ id: 0 }).then(console.log.bind(console, 'cancel 0'));
+setTimeout(() => workloadService.checkStatus({ id: 0 }).then(console.log.bind(console, 'checkStatus 0')), 100)
+
+workloadService.create({ complexity: 2 }).then(console.log.bind(console, 'create 1'));
+workloadService.checkStatus({ id: 1 }).then(console.log.bind(console, 'checkStatus 1'));
+setTimeout(() => workloadService.checkStatus({ id: 1 }).then(console.log.bind(console, 'checkStatus 1')), 200)
+
+workloadService.create({ complexity: 2 }).then(console.log.bind(console, 'create 2'));
+workloadService.checkStatus({ id: 2 }).then(console.log.bind(console, 'checkStatus 2'));
+setTimeout(() => workloadService.checkStatus({ id: 2 }).then(console.log.bind(console, 'checkStatus 2')), 200)
 
-workloadService.create({ complexity: 200 }).then(console.log.bind(console, 'create'));
-workloadService.checkStatus({ id: 1 }).then(console.log.bind(console, 'checkStatus'));
 
 
 ReactDOM.render(

src/state/workloads/services.ts

@@ -14,9 +14,9 @@ export class WorkloadService {
   }
 
   private completeWorkload(work: Work) {
-    work.status = this.counter % 2 
-      ? 'SUCCESS'
-      : 'FAILURE';
+    work.status = work.id % 2 
+      ? 'FAILURE'
+      : 'SUCCESS';
   }