@genesislcap/foundation-entity-management 14.31.0 → 14.32.0

package/dist/custom-elements.json

@@ -2018,59 +2018,59 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/routes/admin/admin.template.ts",
+      "path": "src/routes/demo/entity-management.template.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "AdminTemplate",
+          "name": "EntityManagementDemoTemplate",
           "type": {
             "text": "ViewTemplate"
           },
-          "default": "html<Admin>`\n  <zero-tabs>\n    <span slot=\"start\">Admin Entity Management</span>\n    <zero-tab slot=\"tab\">Split</zero-tab>\n    <zero-tab slot=\"tab\">Users</zero-tab>\n    <zero-tab slot=\"tab\">Profiles</zero-tab>\n    <zero-tab-panel slot=\"tabpanel\">\n      <zero-error-boundary>\n        <user-management :columns=${() => [...UsersColumnConfig, ...userColumns]}></user-management>\n      </zero-error-boundary>\n    </zero-tab-panel>\n    <zero-tab-panel slot=\"tabpanel\">\n      <zero-error-boundary>\n        <profile-management></profile-management>\n      </zero-error-boundary>\n    </zero-tab-panel>\n    <zero-tab-panel slot=\"tabpanel\">\n      <zero-error-boundary>\n        <entity-management\n          resourceName=\"ALL_COUNTERPARTYS\"\n          title=\"Counterparty Management\"\n          updateEvent=\"EVENT_COUNTERPARTY_MODIFY\"\n          deleteEvent=\"EVENT_COUNTERPARTY_DELETE\"\n          createEvent=\"EVENT_COUNTERPARTY_INSERT\"\n        ></entity-management>\n      </zero-error-boundary>\n    </zero-tab-panel>\n  </zero-tabs>\n`"
+          "default": "html<EntityManagementDemo>`\n  <zero-tabs>\n    <span slot=\"start\">Entity Management</span>\n    <zero-tab data-test-id=\"profiles\" slot=\"tab\">Counterparty</zero-tab>\n    <zero-tab-panel slot=\"tabpanel\">\n      <zero-error-boundary>\n        <entity-management\n          resourceName=\"ALL_COUNTERPARTYS\"\n          title=\"Counterparty Management\"\n          updateEvent=\"EVENT_COUNTERPARTY_MODIFY\"\n          deleteEvent=\"EVENT_COUNTERPARTY_DELETE\"\n          createEvent=\"EVENT_COUNTERPARTY_INSERT\"\n        ></entity-management>\n      </zero-error-boundary>\n    </zero-tab-panel>\n  </zero-tabs>\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "AdminTemplate",
+          "name": "EntityManagementDemoTemplate",
           "declaration": {
-            "name": "AdminTemplate",
-            "module": "src/routes/admin/admin.template.ts"
+            "name": "EntityManagementDemoTemplate",
+            "module": "src/routes/demo/entity-management.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/routes/admin/admin.ts",
+      "path": "src/routes/demo/entity-management.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Admin",
+          "name": "EntityManagementDemo",
           "superclass": {
             "name": "FASTElement",
             "package": "@microsoft/fast-element"
           },
-          "tagName": "user-admin",
+          "tagName": "entity-management-demo",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Admin",
+          "name": "EntityManagementDemo",
           "declaration": {
-            "name": "Admin",
-            "module": "src/routes/admin/admin.ts"
+            "name": "EntityManagementDemo",
+            "module": "src/routes/demo/entity-management.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "user-admin",
+          "name": "entity-management-demo",
           "declaration": {
-            "name": "Admin",
-            "module": "src/routes/admin/admin.ts"
+            "name": "EntityManagementDemo",
+            "module": "src/routes/demo/entity-management.ts"
           }
         }
       ]

package/dist/dts/routes/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/routes/config.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,OAAO,EACP,mBAAmB,EAGpB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAS,MAAM,wBAAwB,CAAC;AAGpE,KAAK,cAAc,GAAG;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;GASG;AACH,qBAAa,gBAAiB,SAAQ,mBAAmB,CAAC,cAAc,CAAC;IAE/D,OAAO,CAAC,IAAI;IACP,OAAO,CAAC,SAAS;IACP,OAAO,CAAC,SAAS;IAC7B,OAAO,CAAC,OAAO;gBAHV,IAAI,EAAE,IAAI,EACL,SAAS,EAAE,SAAS,EACV,SAAS,EAAE,mBAAmB,EAC1C,OAAO,EAAE,OAAO;IAK5B,SAAS;IAiHT,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC;CAG/C"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/routes/config.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,OAAO,EACP,mBAAmB,EAGpB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAS,MAAM,wBAAwB,CAAC;AAGpE,KAAK,cAAc,GAAG;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;GASG;AACH,qBAAa,gBAAiB,SAAQ,mBAAmB,CAAC,cAAc,CAAC;IAE/D,OAAO,CAAC,IAAI;IACP,OAAO,CAAC,SAAS;IACP,OAAO,CAAC,SAAS;IAC7B,OAAO,CAAC,OAAO;gBAHV,IAAI,EAAE,IAAI,EACL,SAAS,EAAE,SAAS,EACV,SAAS,EAAE,mBAAmB,EAC1C,OAAO,EAAE,OAAO;IAK5B,SAAS;IAoGT,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC;CAG/C"}

package/dist/dts/routes/demo/entity-management.d.ts

@@ -0,0 +1,4 @@
+import { FASTElement } from '@microsoft/fast-element';
+export declare class EntityManagementDemo extends FASTElement {
+}
+//# sourceMappingURL=entity-management.d.ts.map

package/dist/dts/routes/demo/entity-management.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-management.d.ts","sourceRoot":"","sources":["../../../../src/routes/demo/entity-management.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAU1E,qBAmBa,oBAAqB,SAAQ,WAAW;CAAG"}

package/dist/dts/routes/demo/entity-management.template.d.ts

@@ -0,0 +1,3 @@
+import { ViewTemplate } from '@microsoft/fast-element';
+export declare const EntityManagementDemoTemplate: ViewTemplate;
+//# sourceMappingURL=entity-management.template.d.ts.map

package/dist/dts/routes/demo/entity-management.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-management.template.d.ts","sourceRoot":"","sources":["../../../../src/routes/demo/entity-management.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG7D,eAAO,MAAM,4BAA4B,EAAE,YAgB1C,CAAC"}

package/dist/esm/routes/config.js

@@ -29,21 +29,11 @@ let MainRouterConfig = class MainRouterConfig extends RouterConfiguration {
             name: 'auth',
             title: 'Login',
             element: () => __awaiter(this, void 0, void 0, function* () {
-                const { configure, define, defaultLoginConfig } = yield import(
+                const { configure, define } = yield import(
                 /* webpackChunkName: "foundation-login" */
                 '@genesislcap/foundation-login');
                 configure(this.container, {
-                    /**
-                     * Adding the organisation field
-                     * fields: {
-                     *    ...defaultLoginConfig.fields,
-                     *    organisation: {
-                     *      label: 'CompID',
-                     *    },
-                     * },
-                     */
-                    showConnectionIndicator: true,
-                    defaultRedirectUrl: 'entity-management',
+                    defaultRedirectUrl: 'entity-management-demo',
                 });
                 /**
                  * You can import and return `Login` directly:
@@ -53,19 +43,16 @@ let MainRouterConfig = class MainRouterConfig extends RouterConfiguration {
                  */
                 return define({
                     name: `entity-management-login`,
-                    /**
-                     * You can augment the template and styles here when needed.
-                     */
                 });
             }),
             layout: loginLayout,
             settings: { public: true },
             childRouters: true,
         }, {
-            path: 'entity-management',
-            element: () => __awaiter(this, void 0, void 0, function* () { return (yield import('./admin/admin')).Admin; }),
-            title: 'Admin',
-            name: 'admin',
+            path: 'entity-management-demo',
+            element: () => __awaiter(this, void 0, void 0, function* () { return (yield import('./demo/entity-management')).EntityManagementDemo; }),
+            title: 'Entity Management Demo',
+            name: 'entity-management-demo',
             settings: { autoAuth: true },
         });
         const session = this.session;

package/dist/esm/routes/{admin/admin.js → demo/entity-management.js}

@@ -3,16 +3,16 @@ import { css, customElement, FASTElement } from '@microsoft/fast-element';
 import { EntityManagement } from '../../entities';
 import { Profiles } from '../../profiles/profiles';
 import { Users } from '../../users/users';
-import { AdminTemplate } from './admin.template';
+import { EntityManagementDemoTemplate } from './entity-management.template';
 EntityManagement;
 Users;
 Profiles;
-let Admin = class Admin extends FASTElement {
+let EntityManagementDemo = class EntityManagementDemo extends FASTElement {
 };
-Admin = __decorate([
+EntityManagementDemo = __decorate([
     customElement({
-        name: 'user-admin',
-        template: AdminTemplate,
+        name: 'entity-management-demo',
+        template: EntityManagementDemoTemplate,
         styles: css `
     zero-tabs {
       padding-top: 8px;
@@ -29,5 +29,5 @@ Admin = __decorate([
     }
   `,
     })
-], Admin);
-export { Admin };
+], EntityManagementDemo);
+export { EntityManagementDemo };

package/dist/esm/routes/demo/entity-management.template.js

@@ -0,0 +1,18 @@
+import { html } from '@microsoft/fast-element';
+export const EntityManagementDemoTemplate = html `
+  <zero-tabs>
+    <span slot="start">Entity Management</span>
+    <zero-tab data-test-id="profiles" slot="tab">Counterparty</zero-tab>
+    <zero-tab-panel slot="tabpanel">
+      <zero-error-boundary>
+        <entity-management
+          resourceName="ALL_COUNTERPARTYS"
+          title="Counterparty Management"
+          updateEvent="EVENT_COUNTERPARTY_MODIFY"
+          deleteEvent="EVENT_COUNTERPARTY_DELETE"
+          createEvent="EVENT_COUNTERPARTY_INSERT"
+        ></entity-management>
+      </zero-error-boundary>
+    </zero-tab-panel>
+  </zero-tabs>
+`;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-entity-management",
   "description": "Genesis Foundation Entity Management",
-  "version": "14.31.0",
+  "version": "14.32.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -23,13 +23,13 @@
     }
   },
   "scripts": {
-    "build": "genx build",
-    "build:webpack": "genx build -b webpack",
-    "build:webpack:stats": "genx analyze -b webpack",
+    "build": "genx build -b ts",
+    "build:webpack": "genx build",
+    "build:webpack:stats": "genx analyze",
     "clean": "genx clean",
     "dev": "npm run dev:webpack",
     "dev:no-open": "npm run dev:webpack -- --no-open",
-    "dev:webpack": "cross-env NODE_ENV=development API_HOST=$npm_package_config_API_HOST DEFAULT_USER=$npm_package_config_DEFAULT_USER DEFAULT_PASSWORD=$npm_package_config_DEFAULT_PASSWORD genx dev -b webpack",
+    "dev:webpack": "cross-env NODE_ENV=development API_HOST=$npm_package_config_API_HOST DEFAULT_USER=$npm_package_config_DEFAULT_USER DEFAULT_PASSWORD=$npm_package_config_DEFAULT_PASSWORD genx dev",
     "dev:webpack:https": "npm run dev:webpack -- --https",
     "serve": "genx serve",
     "test": "genx test",
@@ -44,21 +44,21 @@
     "test:debug": "genx test --debug"
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "^14.31.0",
-    "@genesislcap/genx": "^14.31.0",
+    "@genesislcap/foundation-testing": "^14.32.0",
+    "@genesislcap/genx": "^14.32.0",
     "bulma": "^0.9.3",
     "cross-env": "^7.0.3"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "^14.31.0",
-    "@genesislcap/foundation-errors": "^14.31.0",
-    "@genesislcap/foundation-forms": "^14.31.0",
-    "@genesislcap/foundation-login": "^14.31.0",
-    "@genesislcap/foundation-ui": "^14.31.0",
-    "@genesislcap/foundation-utils": "^14.31.0",
-    "@genesislcap/foundation-zero": "^14.31.0",
-    "@genesislcap/foundation-zero-grid-pro": "^14.31.0",
-    "@genesislcap/grid-pro": "^14.31.0",
+    "@genesislcap/foundation-comms": "^14.32.0",
+    "@genesislcap/foundation-errors": "^14.32.0",
+    "@genesislcap/foundation-forms": "^14.32.0",
+    "@genesislcap/foundation-login": "^14.32.0",
+    "@genesislcap/foundation-ui": "^14.32.0",
+    "@genesislcap/foundation-utils": "^14.32.0",
+    "@genesislcap/foundation-zero": "^14.32.0",
+    "@genesislcap/foundation-zero-grid-pro": "^14.32.0",
+    "@genesislcap/grid-pro": "^14.32.0",
     "@microsoft/fast-components": "^2.21.3",
     "@microsoft/fast-element": "^1.7.0",
     "@microsoft/fast-foundation": "^2.33.2",
@@ -83,5 +83,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "2eac7177426f939beb5bcd3b78baf98f25f0e630"
+  "gitHead": "90c5bb2e7631cbf03d48f408f54a35b3e5a2ea2f"
 }

package/test/e2e/flows/001-entity-management.e2e.ts

@@ -1,10 +1,105 @@
 import { expect } from '@genesislcap/foundation-testing/e2e';
 import { test } from '../fixture';
 
-test('sample login test', async ({ loginPage, config }) => {
+// TODO: use UUID service
+const generateShortUuid = (length: number = 16): string => {
+  const chars: string = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
+  let result: string = '';
+  let count: number = 0;
+
+  while (count < length) {
+    const randomIndex: number = Math.floor(Math.random() * chars.length);
+    result += chars[randomIndex];
+    count += 1;
+  }
+
+  return result;
+};
+
+test('entity management page audit', async ({ entityManagementPage }) => {
+  await entityManagementPage.audit();
+});
+
+test.beforeEach(async ({ loginPage, config }) => {
   await loginPage.connect();
   await loginPage.autofill(config.DEFAULT_USER, config.DEFAULT_PASSWORD);
-  await expect(await loginPage.username.inputValue()).toContain(config.DEFAULT_USER);
-  await expect(await loginPage.password.inputValue()).toContain(config.DEFAULT_PASSWORD);
   await loginPage.attemptLogin();
 });
+
+test('user navigates to entity management', async ({ page }) => {
+  await expect(page).toHaveURL('/entity-management-demo');
+  await expect(page).toHaveTitle(/Entity Management Micro Frontend - Entity Management Demo/);
+});
+
+test.describe.serial('Add, Edit and Delete flow', () => {
+  test('user adds new entity', async ({ page }) => {
+    const addButtonLocator = page.getByRole('button', { name: 'Add' });
+    await addButtonLocator.click();
+
+    const inputLocator = page
+      .locator('[data-test-id="COUNTERPARTY_ID"]')
+      .getByPlaceholder('COUNTERPARTY ID', { timeout: 4000 });
+    await inputLocator.click();
+    await inputLocator.fill(generateShortUuid());
+
+    const inputLocatorLei = page
+      .locator('[data-test-id="COUNTERPARTY_LEI"]')
+      .getByPlaceholder('COUNTERPARTY LEI');
+    await inputLocatorLei.click();
+    await inputLocatorLei.fill(generateShortUuid());
+
+    const inputLocatorName = page.locator('[data-test-id="NAME"]').getByPlaceholder('NAME');
+    await inputLocatorName.click();
+    await inputLocatorName.fill('Temporary Test Record - Inserted');
+
+    const submitButtonLocator = page.getByRole('button', { name: 'Submit' });
+
+    const isEnabled = await submitButtonLocator.isEnabled();
+    if (isEnabled) {
+      await submitButtonLocator.click({ timeout: 2000 });
+
+      // TODO: FUI-1320 - Address dialog closing in E2E
+      // const closeDialog = page.getByRole('dialog').locator('path');
+      // await closeDialog.click();
+    } else {
+      console.log('The submit button is disabled');
+    }
+  });
+
+  test('user edits an entity', async ({ page }) => {
+    const editButtonLocator = page.getByRole('button', { name: 'Edit' }).first();
+    await editButtonLocator.click();
+
+    const inputLocatorLei = page
+      .locator('[data-test-id="COUNTERPARTY_LEI"]')
+      .getByPlaceholder('COUNTERPARTY LEI');
+    await inputLocatorLei.click();
+    await inputLocatorLei.fill(generateShortUuid() + '- Updated');
+
+    const inputLocatorName = page.locator('[data-test-id="NAME"]').getByPlaceholder('NAME');
+    await inputLocatorName.click();
+    await inputLocatorName.fill('Temporary Test Record');
+
+    const submitButtonLocator = page.getByRole('button', { name: 'Submit' });
+
+    const isEnabled = await submitButtonLocator.isEnabled();
+    if (isEnabled) {
+      await submitButtonLocator.click();
+
+      // TODO: FUI-1320 - Address dialog closing in E2E
+      // const closeDialog = page.getByRole('dialog').locator('path');
+      // await closeDialog.click();
+    } else {
+      console.log('The submit button is disabled');
+    }
+  });
+
+  // TODO: FUI-1239
+  // test('user deletes an entity', async ({ page }) => {
+  //   const deleteButtonLocator = page.getByRole('button', { name: 'Delete' }).first();
+  //   await deleteButtonLocator.click();
+
+  //   const confirmDeleteLocator = page.getByRole('button', { name: 'Confirm' });
+  //   await confirmDeleteLocator.click();
+  // });
+});

package/test/e2e/pages/entity-management.ts

@@ -6,6 +6,8 @@ export class EntityManagementPage {
   port: number;
   page: Page;
   entityList: Locator;
+  username: Locator;
+  password: Locator;
 
   constructor(config: PackageConfig, port: number, page: Page) {
     this.config = config;
@@ -15,6 +17,8 @@ export class EntityManagementPage {
      * Locate fields not guarded by conditionals upfront, and the remaining on-demand
      */
     this.entityList = this.page.locator('data-test-id=entity-list');
+    this.username = this.page.locator('data-test-id=username').locator('input');
+    this.password = this.page.locator('data-test-id=password').locator('input');
   }
 
   async goto() {
@@ -28,4 +32,12 @@ export class EntityManagementPage {
       thresholds: defaultAuditThresholds, // TODO: this should be coming from foundation-testing/src/playwright/test.ts base config
     });
   }
+
+  async autofill(
+    username: string = this.config.DEFAULT_USER,
+    password: string = this.config.DEFAULT_PASSWORD
+  ) {
+    await this.username.fill(username);
+    await this.password.fill(password);
+  }
 }

package/dist/dts/routes/admin/admin.d.ts

@@ -1,4 +0,0 @@
-import { FASTElement } from '@microsoft/fast-element';
-export declare class Admin extends FASTElement {
-}
-//# sourceMappingURL=admin.d.ts.map

package/dist/dts/routes/admin/admin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin.d.ts","sourceRoot":"","sources":["../../../../src/routes/admin/admin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAU1E,qBAmBa,KAAM,SAAQ,WAAW;CAAG"}

package/dist/dts/routes/admin/admin.template.d.ts

@@ -1,3 +0,0 @@
-import { ViewTemplate } from '@microsoft/fast-element';
-export declare const AdminTemplate: ViewTemplate;
-//# sourceMappingURL=admin.template.d.ts.map

package/dist/dts/routes/admin/admin.template.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin.template.d.ts","sourceRoot":"","sources":["../../../../src/routes/admin/admin.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAW7D,eAAO,MAAM,aAAa,EAAE,YA4B3B,CAAC"}

package/dist/esm/routes/admin/admin.template.js

@@ -1,37 +0,0 @@
-import { html } from '@microsoft/fast-element';
-import { UsersColumnConfig } from '../../users/users';
-const userColumns = [
-    {
-        field: 'ACCESS_TYPE',
-        headerName: 'Access Type',
-    },
-];
-export const AdminTemplate = html `
-  <zero-tabs>
-    <span slot="start">Admin Entity Management</span>
-    <zero-tab slot="tab">Split</zero-tab>
-    <zero-tab slot="tab">Users</zero-tab>
-    <zero-tab slot="tab">Profiles</zero-tab>
-    <zero-tab-panel slot="tabpanel">
-      <zero-error-boundary>
-        <user-management :columns=${() => [...UsersColumnConfig, ...userColumns]}></user-management>
-      </zero-error-boundary>
-    </zero-tab-panel>
-    <zero-tab-panel slot="tabpanel">
-      <zero-error-boundary>
-        <profile-management></profile-management>
-      </zero-error-boundary>
-    </zero-tab-panel>
-    <zero-tab-panel slot="tabpanel">
-      <zero-error-boundary>
-        <entity-management
-          resourceName="ALL_COUNTERPARTYS"
-          title="Counterparty Management"
-          updateEvent="EVENT_COUNTERPARTY_MODIFY"
-          deleteEvent="EVENT_COUNTERPARTY_DELETE"
-          createEvent="EVENT_COUNTERPARTY_INSERT"
-        ></entity-management>
-      </zero-error-boundary>
-    </zero-tab-panel>
-  </zero-tabs>
-`;