@aj-shadow/actorjs-app 0.0.0-aj-beta.221

package/project/client/actions/action-test-suite/action-test-suite.js

@@ -0,0 +1,122 @@
+
+'use strict';
+
+import Action from 'z-abs-corelayer-client/client/communication/action';
+
+
+export class ActionTestSuiteMounted extends Action {
+  constructor() {
+    super();
+  }
+}
+
+export class ActionTestSuiteGet extends Action {
+  constructor(repo, sut, fut, ts, key, commentOut, pendings) {
+    super(repo, sut, fut, ts, key, commentOut, pendings ? pendings : {
+      pendings: 0,
+      testSuite: new Map()
+    });
+  }
+}
+
+export class ActionTestSuiteAdd extends Action {
+  constructor(repo, sut, fut, ts, description) {
+    super(repo, sut, fut, ts, description);
+  }
+}
+
+export class ActionTestSuiteDelete extends Action {
+  constructor(repo, sut, fut, tses) {
+    super(repo, sut, fut, tses);
+  }
+}
+
+export class ActionTestSuiteUpdate extends Action {
+  constructor(repo, sut, fut, ts, description, dataTs) {
+    super(repo, sut, fut, ts, description, dataTs);
+  }
+}
+
+export class ActionTestSuiteButtonsAdd extends Action {
+  constructor() {
+    super();
+  }
+}
+
+export class ActionTestSuiteButtonsGet extends Action {
+  constructor() {
+    super();
+  }
+}
+
+export class ActionTestSuiteButtonsUpdate extends Action {
+  constructor(tab, button, value) {
+    super(tab, button, value);
+  }
+}
+
+export class ActionTestSuiteMarkupChange extends Action {
+  constructor(markup) {
+    super(markup);
+  }
+}
+
+export class ActionTestSuiteMarkup extends Action {
+  constructor() {
+    super();
+  }
+}
+
+export class ActionTestSuiteMarkupCancel extends Action {
+  constructor() {
+    super();
+  }
+}
+
+export class ActionTestSuiteMarkupSave extends Action {
+  constructor(repo, sut, fut, ts) {
+    super(repo, sut, fut, ts);
+  }
+}
+
+export class ActionTestSuiteExecutionStart extends Action {
+  constructor(repoName, sutName, futName, tsName, stagedSut, stagedSutInstance, stagedSutNodes, config) {
+    super(repoName, sutName, futName, tsName, stagedSut, stagedSutInstance, stagedSutNodes, config);
+  }
+}
+
+export class ActionTestSuiteExecutionStop extends Action {
+  constructor(repoName, sutName, futName, tsName) {
+    super(repoName, sutName, futName, tsName);
+  }
+}
+
+export class ActionTestSuiteClear extends Action {
+  constructor(tab) {
+    super(tab);
+  }
+}
+
+export class ActionTestSuiteRecentGet extends Action {
+  constructor() {
+    super();
+  }
+}
+
+export class ActionTestSuiteRecentUpdate extends Action {
+  constructor(repoName, sutName, futName, tsName) {
+    super(repoName, sutName, futName, tsName);
+  }
+}
+
+export class ActionTestSuiteRecentDelete extends Action {
+  constructor(repo, sut, fut, tses) {
+    super(repo, sut, fut, tses);
+  }
+}
+
+export class ActionTestSuiteIterations extends Action {
+  constructor(iterationsTs) {
+    super(iterationsTs);
+  }
+}

package/project/client/actions/action-test-suite/data-action-test-suite.js

@@ -0,0 +1,76 @@
+
+'use strict';
+
+import DataAction from 'z-abs-corelayer-client/client/communication/data-action';
+import { ActionTestSuiteGet, ActionTestSuiteAdd, ActionTestSuiteDelete, ActionTestSuiteUpdate, ActionTestSuiteRecentGet, ActionTestSuiteRecentUpdate, ActionTestSuiteRecentDelete, ActionTestSuiteButtonsAdd, ActionTestSuiteButtonsGet } from './action-test-suite';
+
+
+export class DataActionTestSuiteGet extends DataAction {
+  constructor(repo, sut, fut, ts, key, commentOut, pendings) {
+    super();
+    this.addRequest(new ActionTestSuiteGet(repo, sut, fut, ts, key, commentOut, pendings), repo, sut, fut, ts);
+  }
+}
+
+export class DataActionTestSuiteAdd extends DataAction {
+  constructor(repo, sut, fut, ts, description, dataTestSuite) {
+    super();
+    this.addRequest(new ActionTestSuiteAdd(repo, sut, fut, ts, description), repo, sut, fut, ts, description, dataTestSuite);
+  }
+}
+
+export class DataActionTestSuiteDelete extends DataAction {
+  constructor(repo, sut, fut, tses) {
+    super();
+    this.addRequest(new ActionTestSuiteDelete(repo, sut, fut, tses), repo, sut, fut, tses);
+  }
+}
+
+export class DataActionTestSuiteUpdate extends DataAction {
+  constructor(repo, sut, fut, ts, description, dataTs) {
+    super();
+    this.addRequest(new ActionTestSuiteUpdate(repo, sut, fut, ts, description, dataTs), repo, sut, fut, ts, description, dataTs);
+  }
+}
+
+export class DataActionTestSuiteRecentGet extends DataAction {
+  constructor() {
+    super();
+    this.addRequest(new ActionTestSuiteRecentGet());
+  }
+}
+
+export class DataActionTestSuiteRecentUpdate extends DataAction {
+  constructor(repo, sut, fut, ts) {
+    super();
+    this.addRequest(new ActionTestSuiteRecentUpdate(repo, sut, fut, ts), repo, sut, fut, ts);
+  }
+}
+
+export class DataActionTestSuiteRecentDelete extends DataAction {
+  constructor(repo, sut, fut, tses) {
+    super();
+    this.addRequest(new ActionTestSuiteRecentDelete(repo, sut, fut, tses), repo, sut, fut, tses);
+  }
+}
+
+export class DataActionTestSuiteButtonsAdd extends DataAction {
+  constructor(key, valueObject) {
+    super();
+    this.addRequest(new ActionTestSuiteButtonsAdd(), key, valueObject);
+  }
+}
+
+export class DataActionTestSuiteButtonsGet extends DataAction {
+  constructor(key) {
+    super();
+    this.addRequest(new ActionTestSuiteButtonsGet(), key);
+  }
+}
+
+export class DataActionTestSuiteButtonsUpdate extends DataAction {
+  constructor(action, key, valueObject) {
+    super();
+    this.addRequest(action, key, valueObject);
+  }
+}

package/project/client/actions/action-test-suite/realtime-action-test-suite.js

@@ -0,0 +1,20 @@
+
+'use strict';
+
+import RealtimeAction from 'z-abs-corelayer-client/client/communication/realtime-action';
+import { ActionTestSuiteExecutionStart, ActionTestSuiteExecutionStop } from './action-test-suite';
+
+
+export class RealtimeActionTestSuiteExecutionStart extends RealtimeAction {
+  constructor(repoName, sutName, futName, tsName, stagedSut, stagedSutInstance, stagedSutNodes, systemsUnderTestNames, systemsUnderTestNodes, config, iterationsTs) {
+    super();
+    this.addRequest(new ActionTestSuiteExecutionStart(repoName, sutName, futName, tsName, stagedSut, stagedSutInstance, stagedSutNodes, config), repoName, sutName, futName, tsName, stagedSut, stagedSutInstance, stagedSutNodes, systemsUnderTestNames, systemsUnderTestNodes, config, iterationsTs);
+  }
+}
+
+export class RealtimeActionTestSuiteExecutionStop extends RealtimeAction {
+  constructor(repoName, sutName, futName, tsName) {
+    super();
+    this.addRequest(new ActionTestSuiteExecutionStop(repoName, sutName, futName, tsName), repoName, sutName, futName, tsName);
+  }
+}

package/project/client/actions/action-test-suites.js

@@ -0,0 +1,47 @@
+
+'use strict';
+
+import Action from 'z-abs-corelayer-client/client/communication/action';
+
+
+export class ActionTestSuitesSutChecked extends Action {
+  constructor(sut, checked) {
+    super(sut, checked);
+  }
+}
+
+export class ActionTestSuitesFutChecked extends Action {
+  constructor(repoName, sutName, futName, checked) {
+    super(repoName, sutName, futName, checked);
+  }
+}
+
+export class ActionTestSuitesTsChecked extends Action {
+  constructor(tsName, checked) {
+    super(tsName, checked);
+  }
+}
+
+export class ActionTestSuitesSetView extends Action {
+  constructor(currentView) {
+    super(currentView);
+  }
+}
+
+export class ActionTestSuitesSutClear extends Action {
+  constructor() {
+    super();
+  }
+}
+
+export class ActionTestSuitesFutClear extends Action {
+  constructor() {
+    super();
+  }
+}
+
+export class ActionTestSuitesTsClear extends Action {
+  constructor() {
+    super();
+  }
+}

package/project/client/actor-default.js

@@ -0,0 +1,18 @@
+
+'use strict';
+
+export default class ActorDefault {
+  static NAME() {
+    return 'Actor';
+  }
+  
+  static SYSTEM_UNDER_TEST() {
+    return {
+      name: ActorDefault.NAME(),
+      description: 'Default System Under Test. The tool it self acts as the system under test.',
+      instances: [],
+      nodes: [],
+      status: 'static'
+    }
+  }
+}

package/project/client/communication/messages/messages-c-to-c/message-new-actor-index.js

@@ -0,0 +1,15 @@
+
+'use strict';
+
+const AppProtocolConst = require('z-abs-funclayer-engine-cs/clientServer/communication/app-protocol/app-protocol-const');
+
+
+class MessageNewActorIndex {
+  constructor(index) {
+    this.msgId = AppProtocolConst.TEST_CASE_ACTOR_INDEX;
+    this.index = index;
+  }
+}
+
+
+module.exports = MessageNewActorIndex;

package/project/client/communication/messages/messages-c-to-c/message-test-case-clear.js

@@ -0,0 +1,15 @@
+
+'use strict';
+
+const AppProtocolConst = require('z-abs-funclayer-engine-cs/clientServer/communication/app-protocol/app-protocol-const');
+
+
+class MessageTestCaseClear {
+  constructor(tab) {
+    this.msgId = AppProtocolConst.TEST_CASE_CLEAR;
+    this.tab = tab;
+  }
+}
+
+
+module.exports = MessageTestCaseClear;

package/project/client/communication/messages/messages-c-to-c/message-test-case-not-started.js

@@ -0,0 +1,15 @@
+
+'use strict';
+
+const AppProtocolConst = require('z-abs-funclayer-engine-cs/clientServer/communication/app-protocol/app-protocol-const');
+
+
+class MessageTestCaseNotStarted {
+  constructor(resultId) {
+    this.msgId = AppProtocolConst.TEST_CASE_NOT_STARTED;
+    this.resultId = resultId;
+  }
+}
+
+
+module.exports = MessageTestCaseNotStarted;

package/project/client/communication/messages/messages-c-to-c/message-test-suite-clear.js

@@ -0,0 +1,15 @@
+
+'use strict';
+
+const AppProtocolConst = require('z-abs-funclayer-engine-cs/clientServer/communication/app-protocol/app-protocol-const');
+
+
+class MessageTestSuiteClear {
+  constructor(tab) {
+    this.msgId = AppProtocolConst.TEST_SUITE_CLEAR;
+    this.tab = tab;
+  }
+}
+
+
+module.exports = MessageTestSuiteClear;

package/project/client/components/footer/footer.jsx

@@ -0,0 +1,94 @@
+
+'use strict';
+
+import ConsoleStore from '../../stores/console-store';
+import { ActionConsoleClear } from '../../actions/action-console/action-console';
+import ButtonNew from 'z-abs-complayer-bootstrap-client/client/button-new';
+import ButtonText from 'z-abs-complayer-bootstrap-client/client/button-text';
+import ReactComponentStore from 'z-abs-corelayer-client/client/react-component/react-component-store';
+import React from 'react';
+
+
+export default class Footer extends ReactComponentStore {
+  constructor(props) {
+    super(props);
+  }
+  
+  shouldUpdate(nextProps, nextState) {
+    return false;
+  }
+  
+  renderClearConsoleButton(style) {
+    return (
+      <ButtonNew id="console_clear" colorMark="markup_color" icon="icon-execution-clear" size="aj_btn_xs" placement="top" heading="Clear" content="Console" style={{fontSize:'11px',float:'right'}} aria-label="Clear Console"
+        onClick={(e) => {
+          this.dispatch(ConsoleStore, new ActionConsoleClear());
+        }}
+      />
+    );
+  }
+  
+  renderBuildDiv() {
+    return null;
+    /*return (
+      <div className="build_info" />
+    );*/
+  }
+  
+  renderTestExecutiondDiv() {
+    return null;
+    /*return (
+      <div className="test_execution_info" />
+    );*/
+  }
+  
+  renderRefButton(heading, content, link, ariaLabel) {
+    return (
+      <ButtonText id={`${heading}_${content}`} colorMark="markup_color" icon="icon-link" size="aj_btn_xs" text={content} placement="top" heading={heading} content={content} aria-label={ariaLabel}
+        onClick={(e) => {
+          const width = 1200;
+          const height = 600;
+          const left = 100;
+          const top = 100;
+          window.open(link, '_blank', `width=${width},innerWidth=${width},height=${height},innerHeight=${height},left=${left},screenX=${left},top=${top},screenY=${top}`);
+        }}
+      />
+    );
+  }
+  
+  render() {
+    return (
+      <div className="footer">
+        {/*<div className="btn-toolbar" role="toolbar" aria-label="..." style={{float:'left'}}>*/}
+        <div className="toolbar" role="toolbar"  aria-label="...">
+          <div className="aj_btn_group" role="group" aria-label="...">
+            {this.renderRefButton('MDN', 'String', 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String', 'MDN String')}
+            {this.renderRefButton('MDN', 'Number', 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number', 'MDN Number')}
+            {this.renderRefButton('MDN', 'Array', 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array', 'MDN Array')}
+            {this.renderRefButton('MDN', 'Map', 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map', 'MDN Map')}
+            {this.renderRefButton('MDN', 'Set', 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set', 'MDN Set')}
+            {this.renderRefButton('MDN', 'Proxy', 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy', 'MDN Proxy')}
+            {this.renderRefButton('MDN', 'Reflect', 'https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Reflect', 'MDN Reflect')}
+          </div>
+          <div className="aj_btn_group" role="group" aria-label="...">
+            {this.renderRefButton('Nodejs', 'Nodejs', 'https://nodejs.org/en/', 'Nodejs')}
+            {this.renderRefButton('Nodejs', 'Buffer', 'https://nodejs.org/dist/latest-v16.x/docs/api/buffer.html', 'Nodejs Buffer')}
+          </div>
+          <div className="aj_btn_group" role="group" aria-label="...">
+            {this.renderRefButton('Puppeteer', 'Puppeteer', 'https://pptr.dev/api/', 'Puppeteer')}
+            {this.renderRefButton('Puppeteer', 'Page', 'https://pptr.dev/api/puppeteer.page', 'Puppeteer Page')}
+            {this.renderRefButton('Puppeteer', 'ElementHandle', 'https://pptr.dev/api/puppeteer.elementhandle', 'Puppeteer Element Handle')}
+          </div>
+          <div className="aj_btn_group footer_logo" role="group" aria-label="...">
+            <img id="start_page" className="footer_logo" src="/abs-images/svg/ActorJs.svg" alt="ActorJs Logo"></img>
+          </div>
+          <div className="aj_btn_group footer_right_buttons" role="group" aria-label="...">
+            {this.renderClearConsoleButton()}
+            {this.renderBuildDiv()}
+            {this.renderTestExecutiondDiv()}
+          </div>    
+        </div>
+      </div>
+    );
+  }
+}

package/project/client/components/header/header-status-login.jsx

@@ -0,0 +1,78 @@
+
+'use strict';
+
+import LoginStore from '../../stores/login-store';
+import Popover from 'z-abs-complayer-bootstrap-client/client/popover';
+import ReactComponentStore from 'z-abs-corelayer-client/client/react-component/react-component-store';
+import React from 'react';
+
+
+export default class HeaderStatusLogin extends ReactComponentStore {
+  constructor(props) {
+    super(props, [LoginStore]);
+    this.verificationClasses = ['logged_in', 'not_logged_in', 'offline', 'not_registered'];
+  }
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.state.LoginStore.login, nextState.LoginStore.login);
+  }
+  
+  renderColorMark(verify) {
+    return (
+      <div className={`status_popup login_${verify}`}>
+        <Popover placement="bottom" heading="Login" content="" innerContent={() => {
+          return `<div class="status_popup_help_outer_group">
+<div class="status_popup_help_outer">
+  <div class="status_popup_help login_logged_in"></div>
+  <div class="status_popup_help_inner"><p class="status_popup_help_inner">Logged in</p></div>
+</div>
+<div class="status_popup_help_outer">
+  <div class="status_popup_help login_not_logged_in"></div>
+  <div class="status_popup_help_inner"><p class="status_popup_help_inner">Not logged in</p></div>
+</div>
+<div class="status_popup_help_outer">
+  <div class="status_popup_help login_offline"></div>
+  <div class="status_popup_help_inner"><p class="status_popup_help_inner">Offline</p></div>
+</div>
+<div class="status_popup_help_outer">
+  <div class="status_popup_help login_not_registered"></div>
+  <div class="status_popup_help_inner"><p class="status_popup_help_inner">Not registered</p></div>
+</div>
+</div>
+`;
+        }} shortcut="" showDelay="0" hideDelay="1000" autoHideDelay="120000" style={{widht:'100%',height:'100%'}}>
+        </Popover>
+      </div>
+    );
+  }
+  
+  verify() {
+  	return 'not_registered';
+  }
+  
+  render() {
+    return (
+      <div className="header_status_login">
+        <table className="table_header_status">
+          <thead className="table_header_status">
+            <tr className="table_header_status">
+              <th className="table_header_status" colSpan="2">
+                {this.renderColorMark(this.verify())}
+                login</th>
+            </tr>
+            <tr>
+              <th className="table_header_status header_table_heading">user</th>
+              <th className="table_header_status header_table_heading">organization</th>
+            </tr>
+          </thead>
+          <tbody className="table_header_status">
+            <tr>
+              <td className={'table_header_status header_table_heading'}>-</td>
+              <td className={'table_header_status header_table_heading'}>-</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    );
+  }
+}

package/project/client/components/header/header-status-staging-environment.jsx

@@ -0,0 +1,132 @@
+
+'use strict';
+
+import LoginStore from '../../stores/login-store';
+import SystemUnderTestStore from '../../stores/system-under-test-store';
+import Popover from 'z-abs-complayer-bootstrap-client/client/popover';
+import ReactComponentStore from 'z-abs-corelayer-client/client/react-component/react-component-store';
+import React from 'react';
+
+
+export default class HeaderStatusLogin extends ReactComponentStore {
+  constructor(props) {
+    super(props, [LoginStore, SystemUnderTestStore]);
+  }
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.state.LoginStore.login, nextState.LoginStore.login)
+      || !this.shallowCompare(this.state.LoginStore.loggedIn, nextState.LoginStore.loggedIn)
+      || !this.shallowCompare(this.state.LoginStore.loginDataChanged, nextState.LoginStore.loginDataChanged)
+      || !this.shallowCompare(this.state.SystemUnderTestStore.currentSut, nextState.SystemUnderTestStore.currentSut);
+  }
+  
+  renderInstanceHeader() {
+    if(this.state.LoginStore.login.systemUnderTestInstance) {
+      return (<th className="table_header_status header_table_heading">instance</th>);
+    }
+    else {
+      return null;
+    }
+  }
+  
+  renderInstanceValue() {
+    if(this.state.LoginStore.login.systemUnderTestInstance) {
+      return (<td className={'table_header_status header_table_heading'}>{this.state.LoginStore.login.systemUnderTestInstance}</td>);
+    }
+    else {
+      return null;
+    }
+  }
+  
+  verify() {
+    if(this.state.LoginStore.loggedIn) {
+      if(this.state.SystemUnderTestStore.currentSut) {
+        if(this.state.LoginStore.login.systemUnderTest === this.state.SystemUnderTestStore.currentSut.name) {
+          if(this.state.LoginStore.login.forcedLocalhost) {
+            return 'staged_to_localhost';
+          }
+          else {
+            return 'staged';
+          }
+        }
+        else {
+          return 'staged_not_current';
+        }
+      }
+      else {
+        if(this.state.LoginStore.login.forcedLocalhost) {
+          return 'staged_to_localhost';
+        }
+        else {                                   
+          return 'staged';
+        }
+      }
+    }
+    else {
+      return 'not_staged';
+    }
+  }
+  
+  renderColorMark(verify) {
+    return (
+      <div className={`status_popup stage_${verify}`}>
+        <Popover placement="bottom" heading="Staging" content="" innerContent={() => {
+          return `<div class="status_popup_help_outer_group">
+<div class="status_popup_help_outer">
+  <div class="status_popup_help stage_staged"></div>
+  <div class="status_popup_help_inner"><p class="status_popup_help_inner">Staged</p></div>
+</div>
+<div class="status_popup_help_outer">
+  <div class="status_popup_help stage_staged_to_localhost"></div>
+  <div class="status_popup_help_inner"><p class="status_popup_help_inner">Staged - localhost</p></div>
+</div>
+<div class="status_popup_help_outer">
+  <div class="status_popup_help stage_staged_not_current"></div>
+  <div class="status_popup_help_inner"><p class="status_popup_help_inner">Staged - not current SUT</p></div>
+</div>
+<div class="status_popup_help_outer">
+  <div class="status_popup_help stage_not_staged"></div>
+  <div class="status_popup_help_inner"><p class="status_popup_help_inner">Not staged</p></div>
+</div>
+</div>
+`;
+        }} shortcut="" showDelay="0" hideDelay="1000" autoHideDelay="120000" style={{widht:'100%',height:'100%'}}>
+        </Popover>
+      </div>
+    );
+  }
+  
+  render() {
+    const login = this.state.LoginStore.login;
+    const colSpan = login.systemUnderTestInstance ? 5 : 4;
+    return (
+      <div className="header_status_login">
+        <table className="table_header_status">
+          <thead className="table_header_status">
+            <tr className="table_header_status">
+              <th className="table_header_status" colSpan={colSpan}>
+                {this.renderColorMark(this.verify())}
+                staging</th>
+            </tr>
+            <tr>
+              <th className="table_header_status header_table_heading">lab id</th>
+              <th className="table_header_status header_table_heading">user id</th>
+              <th className="table_header_status header_table_heading">repo</th>
+              <th className="table_header_status header_table_heading">sut</th>
+              {this.renderInstanceHeader()}
+            </tr>
+          </thead>
+          <tbody className="table_header_status">
+            <tr>
+              <td className={'table_header_status header_table_heading'}>{login.labId}</td>
+              <td className={'table_header_status header_table_heading'}>{login.userId}</td>
+              <td className={'table_header_status header_table_heading'}>{login.repo}</td>
+              <td className={'table_header_status header_table_heading'}>{login.systemUnderTest}</td>
+              {this.renderInstanceValue()}
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    );
+  }
+}

package/project/client/components/header/header.jsx

@@ -0,0 +1,27 @@
+
+'use strict';
+
+import HeaderIcon from './header_icon';
+import HeaderStatus from './header_status';
+import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import React from 'react';
+
+
+export default class Header extends ReactComponentBase {
+  constructor(props) {
+    super(props);
+  }
+  
+  shouldUpdate(nextProps, nextState) {
+    return false;
+  }
+  
+  render() {
+    return (
+      <div className="header">
+        <HeaderIcon />
+        <HeaderStatus />
+      </div>
+    );
+  }
+}