@pega/custom-dx-components 0.242.36 → 0.242.38

package/tests/functional/localLibCreateLibDeleteLib.test.js

@@ -79,6 +79,19 @@ describe(`createLib deleteLib: ${serverDir} - ${compType}` , () => {
 
   });
 
+  it('npm run list (need create lib)', async () => {
+    const script = 'npm run list --prefix ../../..';
+    const { stdout, stderr } = await exec(script);
+
+    expect(stderr).not.toBeNull();
+
+    // console.log(stdout);
+    expect(stdout).not.toBeNull();
+    expect(stdout).toContain('Please create a library before proceeding.');
+
+    // done();
+  }, 10000);
+
 
   it(`npm run createLib - ${isLibraryBased}`, async() => {
 
@@ -94,8 +107,47 @@ describe(`createLib deleteLib: ${serverDir} - ${compType}` , () => {
 
   }, 30000);
 
+  it('npm run list (nothing)', async () => {
+    const script = 'npm run list --prefix ../../..';
+    const { stdout, stderr } = await exec(script);
+
+    expect(stderr).not.toBeNull();
+
+    // console.log(stdout);
+    expect(stdout).not.toBeNull();
+    expect(stdout).toContain('No custom components in Local');
+
+    // done();
+  }, 10000);
+
+  it('npm run listLib (nothing current)', async () => {
+    const script = 'npm run listLib Pega_DXIL 0.0.1-dev Current --prefix ../../..';
+    const { stdout, stderr } = await exec(script);
+
+    expect(stderr).not.toBeNull();
+
+    // console.log(stdout);
+    expect(stdout).not.toBeNull();
+    expect(stdout).toContain('No custom components in Pega_DXIL/0.0.1-dev');
+
+    // done();
+  }, 10000);
+
+  it('npm run listLib (nothing store)', async () => {
+    const script = 'npm run listLib Pega_DXIL 0.0.1-dev Store --prefix ../../..';
+    const { stdout, stderr } = await exec(script);
+
+    expect(stderr).not.toBeNull();
+
+    // console.log(stdout);
+    expect(stdout).not.toBeNull();
+    expect(stdout).toContain('No custom components in Pega_DXIL/0.0.1-dev');
+
+    // done();
+  }, 10000);
+
 
-  it(`npm run deleteLib- ${isLibraryBased}`, async() => {
+  it(`npm run deleteLib - ${isLibraryBased}`, async() => {
 
     const script = `npm run deleteLib Pega_DXIL 0.0.1-dev --prefix ../../..`;
     const { stdout, stderr } = await exec(script);

package/tests/functional/localLibCreateLibListDeleteLib.test.js

@@ -226,7 +226,7 @@ describe(`createLib createAll list deleteVersion deleteLib: ${serverDir} - ${com
         // from 0.0.1-dev to 0.0.1 for now
         if (file === "config.json") {
           expect(componentFileData).toContain("0.0.1-dev");
-          componentFileData = componentFileData.replace("0.0.1-dev", "0.0.1");
+          // componentFileData = componentFileData.replace("0.0.1-dev", "0.0.1");
         }
 
         expect(componentFileData).toEqual(assetFileData);

package/tests/functional/localLibCreateLibValidateDeleteLib.test.js

@@ -0,0 +1,227 @@
+// import { exec } from 'child_process';
+const path = require('path');
+const fs = require('fs');
+const util = require('node:util');
+const error = require('console');
+const exec = util.promisify(require('node:child_process').exec);
+
+const tasksConfigDir = path.resolve('../../..', 'tasks.config.json');
+const tasksConfigData = fs.readFileSync(tasksConfigDir, { encoding: 'utf8' });
+let tasksConfigJSON = JSON.parse(tasksConfigData);
+
+const packageJSONDir = path.resolve('../../..', 'package.json');
+const packageJSONData = fs.readFileSync(packageJSONDir, { encoding: 'utf8'});
+let packageJSON = JSON.parse(packageJSONData);
+
+let isLibraryBased = tasksConfigJSON['libraryMode'];
+const savedLibraryBased = isLibraryBased;
+const savedOrganization = packageJSON.organization;
+
+const serverType = tasksConfigJSON['server-config'].serverType;
+const serverDir = serverType === 'launchpad' ? 'Launchpad' : 'Constellation';
+let compType = isLibraryBased ? "library" : "original";
+
+
+describe(`createLib create validate deleteLib: ${serverDir} - ${compType}` , () => {
+
+  beforeAll( async() => {
+
+    // make libraryBased
+    isLibraryBased = true;
+    tasksConfigJSON['libraryMode'] = isLibraryBased;
+    compType = isLibraryBased ? "library" : "original";
+    fs.writeFileSync(tasksConfigDir, JSON.stringify(tasksConfigJSON, null, 4), { encoding: 'utf8' });
+
+    const storeDir = path.join(path.resolve('../../..'), 'store');
+    if (fs.existsSync(storeDir)) {
+      fs.rmSync(storeDir,  { recursive: true, force: true, maxRetries: 2 });
+    }
+
+    // make organzation Pega
+    packageJSON.organization = "Pega";
+    fs.writeFileSync(packageJSONDir, JSON.stringify(packageJSON, null, 4), { encoding: 'utf8' });
+
+
+    const componentsDir = path.join(path.resolve('../../..'), 'src/components');
+    if (fs.existsSync(componentsDir)) {
+      fs.rmSync(componentsDir,  { recursive: true, force: true, maxRetries: 2 });
+      fs.mkdirSync(componentsDir, { recursive: true });
+    }
+
+    await new Promise((r) => setTimeout(r, 2000));
+
+
+  });
+
+  afterAll( async() => {
+
+    //restore
+    isLibraryBased = savedLibraryBased
+    tasksConfigJSON['libraryMode'] = isLibraryBased;
+
+    fs.writeFileSync(tasksConfigDir, JSON.stringify(tasksConfigJSON, null, 4), { encoding: 'utf8' });
+
+    // return organzation
+    packageJSON.organization = savedOrganization;
+    fs.writeFileSync(packageJSONDir, JSON.stringify(packageJSON, null, 4), { encoding: 'utf8' });
+
+    const componentsDir = path.join(path.resolve('../../..'), 'src/components');
+    if (fs.existsSync(componentsDir)) {
+      fs.rmSync(componentsDir,  { recursive: true, force: true, maxRetries: 2 });
+      fs.mkdirSync(componentsDir, { recursive: true });
+    }
+
+    await new Promise((r) => setTimeout(r, 2000));
+
+  });
+
+
+  it(`npm run createLib - ${isLibraryBased}`, async() => {
+
+    const script = `npm run createLib DXIL 0.0.1 N --prefix ../../..`;
+    const compConf = path.join("store", "Pega_DXIL","0.0.1-dev", "componentsconfig.json");
+
+    const { stdout, stderr } = await exec(script);
+    expect(stdout).toContain('Library Pega_DXIL/0.0.1-dev has been created!');
+
+    const doesExist = fs.existsSync(path.resolve('../../..', compConf));
+
+    expect(doesExist).toBeTruthy();
+
+  }, 30000);
+
+  it('npm run create Local text', async () => {
+    const fileName = 'MyTestText';
+    const newFileName = `Pega_DXIL_${fileName}`;
+    const script = `npm run create Field Text ${fileName} "My Test Text" 0.0.1 DXIL "" "My Test Text Description" Pega --prefix ../../..`;
+
+    const { stdout, stderr } = await exec(script);
+    // console.log(stdout);
+    expect(stdout).not.toBeNull();
+    expect(stderr).not.toBeNull();
+
+    // want message to contain component name
+    expect(stdout).toContain(newFileName);
+
+    // don't want message with already exists
+    expect(stdout).not.toContain('already exists');
+
+    // check to see file exists
+
+    // const fileDir = path.resolve(`src/components/${newFileName}`);
+    const createFile = path.resolve(
+      '../../..',
+      path.join(`src/components/${newFileName}`, 'index.tsx')
+    );
+    const doesExist = fs.existsSync(createFile);
+    expect(doesExist).toBeTruthy();
+
+    // if (doesExist) {
+    //   // remove it
+    //   fs.rmdirSync(fileDir, { recursive: true });
+    // }
+  }, 10000);
+
+  it('npm run create Local page', async () => {
+    const fileName = 'MyTestPage';
+    const newFileName = `Pega_DXIL_${fileName}`;
+    const script = `npm run create Widget PAGE ${fileName} "My Test Page" 0.0.1 DXIL "" "My Test Page Description" Pega --prefix ../../..`;
+
+    const { stdout, stderr } = await exec(script);
+    // console.log(stdout);
+    expect(stdout).not.toBeNull();
+    expect(stderr).not.toBeNull();
+
+    // want message to contain component name
+    expect(stdout).toContain(newFileName);
+
+    // don't want message with already exists
+    expect(stdout).not.toContain('already exists');
+
+    // check to see file exists
+
+    // const fileDir = path.resolve(`src/components/${newFileName}`);
+    const createFile = path.resolve(
+      '../../..',
+      path.join(`src/components/${newFileName}`, 'index.tsx')
+    );
+    const doesExist = fs.existsSync(createFile);
+    expect(doesExist).toBeTruthy();
+
+    // if (doesExist) {
+    //   // remove it
+    //   fs.rmdirSync(fileDir, { recursive: true });
+    // }
+  }, 10000);
+
+  it('npm run create Local details', async () => {
+    const fileName = 'MyTestDetails';
+    const newFileName = `Pega_DXIL_${fileName}`;
+    const script = `npm run create Template DETAILS ${fileName} "My Test Details" 0.0.1 DXIL "" "My Test Details Description" Pega --prefix ../../..`;
+
+    const { stdout, stderr } = await exec(script);
+    // console.log(stdout);
+    expect(stdout).not.toBeNull();
+    expect(stderr).not.toBeNull();
+
+    // want message to contain component name
+    expect(stdout).toContain(newFileName);
+
+    // don't want message with already exists
+    expect(stdout).not.toContain('already exists');
+
+    // check to see file exists
+
+    // const fileDir = path.resolve(`src/components/${newFileName}`);
+    const createFile = path.resolve(
+      '../../..',
+      path.join(`src/components/${newFileName}`, 'index.tsx')
+    );
+    const doesExist = fs.existsSync(createFile);
+    expect(doesExist).toBeTruthy();
+
+    // if (doesExist) {
+    //   // remove it
+    //   fs.rmdirSync(fileDir, { recursive: true });
+    // }
+  }, 10000);
+
+  it(`npm run validate Pega_DXIL_MyTestText - ${isLibraryBased}`, async() => {
+
+    const script = `npm run validate Pega_DXIL_MyTestText --prefix ../../..`;
+    const { stdout, stderr } = await exec(script);
+
+    expect(stdout).toContain('Pega_DXIL_MyTestText schema is valid');
+    expect(stdout).not.toContain("ERROR");
+
+  }, 200000);
+
+  it(`npm run validateAll - ${isLibraryBased}`, async() => {
+
+    const script = `npm run validateAll --prefix ../../..`;
+    const { stdout, stderr } = await exec(script);
+
+    expect(stdout).toContain('Pega_DXIL_MyTestText schema is valid');
+    expect(stdout).toContain('Pega_DXIL_MyTestPage schema is valid');
+    expect(stdout).toContain('Pega_DXIL_MyTestDetails schema is valid');
+
+    expect(stdout).toContain('Validation compile...');
+    expect(stdout).toContain('Done.');
+
+  }, 200000);
+
+
+  it(`npm run deleteLib - ${isLibraryBased}`, async() => {
+
+    const script = `npm run deleteLib Pega_DXIL 0.0.1-dev --prefix ../../..`;
+    const { stdout, stderr } = await exec(script);
+    expect(stdout).toContain('Pega_DXIL is deleted from Local.');
+
+  }, 30000);
+
+
+
+
+
+
+});

package/tests/functional/localLibCreateLibVersionDeleteLib.test.js

@@ -125,7 +125,7 @@ describe(`createLib createAll list createLibVersion(with copy) switchLibe list d
     //   // remove it
     //   fs.rmdirSync(fileDir, { recursive: true });
     // }
-  }, 10000);
+  }, 90000);
 
   it('npm run list', async () => {
     const script = 'npm run list --prefix ../../..';
@@ -213,7 +213,7 @@ describe(`createLib createAll list createLibVersion(with copy) switchLibe list d
         // from 0.0.1-dev to 0.0.1 for now
         if (file === "config.json") {
           expect(componentFileData).toContain("0.0.1-dev");
-          componentFileData = componentFileData.replace("0.0.1-dev", "0.0.1");
+          // componentFileData = componentFileData.replace("0.0.1-dev", "0.0.1");
 
           // normalize
           componentFileData = JSON.stringify(JSON.parse(componentFileData));
@@ -321,7 +321,7 @@ describe(`createLib createAll list createLibVersion(with copy) switchLibe list d
         // from 0.0.2-dev to 0.0.1 for now
         if (file === "config.json") {
           expect(componentFileData).toContain("0.0.2-dev");
-          componentFileData = componentFileData.replace("0.0.2-dev", "0.0.1");
+          componentFileData = componentFileData.replace("0.0.2-dev", "0.0.1-dev");
 
           // normalize
           componentFileData = JSON.stringify(JSON.parse(componentFileData));
@@ -429,7 +429,7 @@ describe(`createLib createAll list createLibVersion(with copy) switchLibe list d
         // from 0.0.1-dev to 0.0.1 for now
         if (file === "config.json") {
           expect(componentFileData).toContain("0.0.1-dev");
-          componentFileData = componentFileData.replace("0.0.1-dev", "0.0.1");
+          // componentFileData = componentFileData.replace("0.0.1-dev", "0.0.1");
           // normalize
           componentFileData = JSON.stringify(JSON.parse(componentFileData));
           assetFileData = JSON.stringify(JSON.parse(assetFileData));

package/tests/assets/library/components/createAll/Launchpad/Pega_DXIL_MyBoolean/Boolean.ts

@@ -1,35 +0,0 @@
-function Boolean(value: any, { allowEmpty = true, tick = '', cross = '' } = {}) {
-  if (
-    (!allowEmpty && !value) ||
-    value === false ||
-    value?.toString()?.toLowerCase() === 'false' ||
-    value === 0 ||
-    value === '0'
-  ) {
-    return cross || '';
-  }
-  if (
-    value === true ||
-    value?.toString()?.toLowerCase() === 'true' ||
-    value === 1 ||
-    value === '1'
-  ) {
-    return tick || '';
-  }
-  if (
-    allowEmpty &&
-    (value === 'null' || value === '' || value === null || typeof value === 'undefined')
-  ) {
-    return '––';
-  }
-  return value;
-}
-
-export default {
-  TrueFalse: (value: any, options: Object) =>
-    Boolean(value, {
-      ...options,
-      tick: 'True',
-      cross: 'False'
-    })
-};

package/tests/assets/library/components/createAll/Launchpad/Pega_DXIL_MyBoolean/PConnProps.d.ts

@@ -1,46 +0,0 @@
-import  {PConnect } from '@pega/pcore-pconnect-typedefs';
-
-// PConnProps.d.ts
-// This gives us a place to have each component (which is most DX Components) that is
-//  expected to have a getPConnect extend its props (from BaseProps)
-//  such that every component will be expected to have a getPConnect() function
-//  that returns a PConnect object. (new/better way of doing .propTypes).
-//  This PConnProps can be extended to include other props that we know are in every component
-export interface PConnProps {
-  // getPConnect should exist for every C11n component. (add @ts-ignore in special cases where it isn't)
-  getPConnect: () => typeof PConnect;
-
-  // Allow any/all other key/value pairs in the BaseProps for now
-  //  TODO: refine which other props are always expected for various component
-  //    types and consider further interface "subclassing". For example, we may
-  //    want to create a "BasePropsForm" that gives guidance on required, readonly, etc.
-  //    and any other props that every Form component expects.
-  //    For example, see the PConnFieldProps below.
-  // NOTE: if you uncomment the line below, the PConnProps type will allow
-  //  otherwise undefined types to appear. This can be helpful for debugging
-  //  or when adding new components whose types aren't yet known.
-  // [key: string]: any;
-}
-
-
-// PConnFieldProps extends PConnProps to bring in the common properties that are
-// associated with most field components (ex: Dropdown, TextInput, etc.) in the
-//  components/field directory
-export interface PConnFieldProps extends PConnProps {
-  label: string,
-  required: boolean,
-  disabled: boolean,
-  value: any,
-  validatemessage: string,
-  status?: string,
-  onChange?: any,
-  onBlur?: any,
-  readOnly: boolean,
-  testId: string,
-  helperText: string,
-  displayMode?: string,
-  hideLabel: boolean,
-  placeholder?: string,
-  fieldMetadata?: any,
-  additionalProps?: any
-}

package/tests/assets/library/components/createAll/Launchpad/Pega_DXIL_MyBoolean/boolean-format.ts

@@ -1,25 +0,0 @@
-import Boolean from "./Boolean";
-
-export default {
-  ...Boolean
-};
-
-
-
-export function format(value: any, type: string) {
-  let formattedValue;
-
-  switch (type?.toLowerCase()) {
-
-
-    case "boolean":
-    case "checkbox": {
-      formattedValue = Boolean.TrueFalse(value, { allowEmpty: false });
-      break;
-    }
-
-    default:
-      formattedValue = value;
-  }
-  return formattedValue;
-}

package/tests/assets/library/components/createAll/Launchpad/Pega_DXIL_MyBoolean/config.json

@@ -1,145 +0,0 @@
-{
-  "name": "Pega_DXIL_MyBoolean",
-  "label": "My Boolean",
-  "description": "My Boolean",
-  "organization": "Pega",
-  "version": "0.0.1",
-  "library": "DXIL",
-  "allowedApplications": [],
-  "componentKey": "Pega_DXIL_MyBoolean",
-  "type": "Field",
-  "subtype": "Boolean",
-  "icon": "images/pz-checkbox-active.svg",
-  "properties": [
-    {
-      "name": "label",
-      "label": "Field label",
-      "format": "TEXT"
-    },
-    {
-      "name": "hideLabel",
-      "label": "Hide Label",
-      "format": "BOOLEAN"
-    },
-    {
-      "name": "readOnly",
-      "label": "Edit mode",
-      "format": "READONLY"
-    },
-    {
-      "label": "Column settings",
-      "format": "GROUP",
-      "visibility": "@VIEWTYPE == 'MultiRecordDisplayAsTable'",
-      "properties": [
-        {
-          "name": "columnWidth",
-          "label": "Column width",
-          "format": "SELECT",
-          "source": [
-            {
-              "key": "auto",
-              "value": "Auto"
-            },
-            {
-              "key": "custom",
-              "value": "Custom"
-            }
-          ]
-        },
-        {
-          "name": "width",
-          "label": "Width (px)",
-          "format": "NUMBER",
-          "visibility": "$this.columnWidth == 'custom'"
-        }
-      ]
-    },
-    {
-      "label": "Input settings",
-      "format": "GROUP",
-      "visibility": "(!readOnly = true)",
-      "properties": [
-        {
-          "name": "caption",
-          "label": "Caption",
-          "format": "TEXT",
-          "useAsAuthoringLabel": true
-        },
-        {
-          "name": "helperText",
-          "label": "Helper text",
-          "format": "TEXT"
-        }
-      ]
-    },
-    {
-      "label": "Read-only settings",
-      "format": "GROUP",
-      "properties": [
-        {
-          "format": "SELECT",
-          "name": "displayValue",
-          "label": "Display Value",
-          "defaultValue": "Yes/No",
-          "localize": true,
-          "splitValues": {
-            "token": "/",
-            "propertyNames": ["trueLabel", "falseLabel"]
-          },
-          "source": [
-            {
-              "key": "Yes/No",
-              "value": "Yes/No"
-            },
-            {
-              "key": "True/False",
-              "value": "True/False"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "label": "Conditions",
-      "format": "GROUP",
-      "properties": [
-        {
-          "name": "required",
-          "label": "Required",
-          "format": "REQUIRED",
-          "visibility": "(!readOnly = true)"
-        },
-        {
-          "name": "disabled",
-          "label": "Disabled",
-          "format": "DISABLED",
-          "visibility": "(!readOnly = true)"
-        },
-        {
-          "name": "visibility",
-          "label": "Visibility",
-          "format": "VISIBILITY"
-        }
-      ]
-    },
-    {
-      "label": "Advanced",
-      "format": "GROUP",
-      "collapsible": true,
-      "properties": [
-        {
-          "name": "testId",
-          "label": "Test ID",
-          "format": "TEXT",
-          "ignorePattern": "[^-_\\p{N}\\p{L}]",
-          "includeAnnotations": false
-        }
-      ]
-    }
-  ],
-  "defaultConfig": {
-    "caption": "@L $this.label",
-    "trueLabel": "@L Yes",
-    "falseLabel": "@L No"
-  }
-}

package/tests/assets/library/components/createAll/Launchpad/Pega_DXIL_MyBoolean/demo.stories.tsx

@@ -1,70 +0,0 @@
-
-/* eslint-disable react/jsx-no-useless-fragment */
-import { useState } from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { configProps, stateProps } from './mock';
-
-import PegaDxilMyBoolean from './index';
-
-const meta: Meta<typeof PegaDxilMyBoolean> = {
-  title: 'PegaDxilMyBoolean',
-  component: PegaDxilMyBoolean,
-  excludeStories: /.*Data$/
-};
-
-export default meta;
-type Story = StoryObj<typeof PegaDxilMyBoolean>;
-
-export const BasePegaDxilMyBoolean: Story = (args: any) => {
-
-  const [value, setValue] = useState(configProps.value);
-
-  const props = {
-    value,
-    additionalProps: configProps.additionalProps,
-    getPConnect: () => {
-      return {
-        getStateProps: () => {
-          return stateProps;
-        },
-        getActionsApi: () => {
-          return {
-            updateFieldValue: (propName: string, theValue: any) => {
-              setValue(theValue);
-            },
-            triggerFieldChange: () => { /* nothing */}
-          };
-        },
-        getValidationApi: () => {
-          return {
-            validate: () => { /* nothing */}
-          };
-        }
-      };
-    }
-  };
-
-  return (
-    <>
-      <PegaDxilMyBoolean {...props} {...args} />
-    </>
-  );
-};
-
-BasePegaDxilMyBoolean.args = {
-  label: configProps.label,
-  helperText: configProps.helperText,
-  caption: configProps.caption,
-  testId: configProps.testId,
-  readOnly: configProps.readOnly,
-  disabled: configProps.disabled,
-  required: configProps.required,
-  status: configProps.status,
-  hideLabel: configProps.hideLabel,
-  trueLabel: configProps.trueLabel,
-  falseLabel: configProps.falseLabel,
-  displayMode: configProps.displayMode,
-  variant: configProps.variant,
-  validatemessage: configProps.validatemessage
-};

package/tests/assets/library/components/createAll/Launchpad/Pega_DXIL_MyBoolean/event-utils.ts

@@ -1,18 +0,0 @@
-const handleEvent = (actions: any, eventType: string, propName: string, value: any) => {
-  switch (eventType) {
-    case 'change':
-      actions.updateFieldValue(propName, value);
-      break;
-    case 'blur':
-      actions.triggerFieldChange(propName, value);
-      break;
-    case 'changeNblur':
-      actions.updateFieldValue(propName, value);
-      actions.triggerFieldChange(propName, value);
-      break;
-    default:
-      break;
-  }
-};
-
-export default handleEvent;