@pega/custom-dx-components 0.25.7 → 0.25.9

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyInteger/demo.test.tsx

@@ -0,0 +1,18 @@
+// import { expect, test } from '@jest/globals';
+import { render, screen } from '@testing-library/react';
+import { composeStories } from '@storybook/react';
+import '@testing-library/jest-dom';
+
+import * as DemoStories from './demo.stories';
+
+const { BasePegaDxilMyInteger } = composeStories(DemoStories);
+
+test('renders PegaDxilMyInteger', async () => {
+  render(<BasePegaDxilMyInteger />);
+  expect(await screen.findByText('Integer Sample')).toBeVisible();
+  expect(await screen.findByText('Integer Helper Text')).toBeVisible();
+
+  const integerElement = (screen.getByTestId('integer-12345678') as HTMLInputElement);
+  expect(integerElement.value).toBe('');
+
+});

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPage/demo.stories.tsx

@@ -4,6 +4,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { AppAnnouncement as PegaAppAnnouncement } from '@pega/cosmos-react-work';
+import { useRef } from 'react';
 
 import PegaDxilMyPage from './index';
 import { pyHome1Resolved, pyHome1Raw } from './mock';
@@ -19,7 +20,7 @@ type Story = StoryObj<typeof PegaDxilMyPage>;
 
 export const BasePegaDxilMyPage: Story = (args: any) => {
   if (!window.PCore) {
-    window.PCore = {};
+    window.PCore = {} as any;
   }
 
   window.PCore.getLocaleUtils = () => {
@@ -27,11 +28,13 @@ export const BasePegaDxilMyPage: Story = (args: any) => {
       getLocaleValue: (val: any) => {
         return val;
       }
-    };
+    } as any;
   };
 
   const configProps = pyHome1Resolved.children[0].children[0].config;
 
+  const myRef = useRef(null);
+
   const props = {
     useConfigurableLayout: false,
     icon: pyHome1Raw.config.icon,
@@ -82,6 +85,7 @@ export const BasePegaDxilMyPage: Story = (args: any) => {
                     }
                   };
                 }}
+                ref={myRef}
               />
             );
           }

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPage/demo.test.tsx

@@ -0,0 +1,24 @@
+// import { expect, test } from '@jest/globals';
+import { render, screen } from '@testing-library/react';
+import { composeStories } from '@storybook/react';
+import '@testing-library/jest-dom';
+
+import * as DemoStories from './demo.stories';
+
+
+
+const { BasePegaDxilMyPage } = composeStories(DemoStories);
+
+test('renders PegaDxilMyPage', async () => {
+  render(<BasePegaDxilMyPage />);
+  expect(await screen.findByText('Page Template')).toBeVisible();
+  expect(await screen.findByText('Announcements')).toBeVisible();
+  expect(await screen.findByText('Get next work')).toBeVisible();
+  expect(await screen.findByText("We've launched a brand new experience to accelerate your workflow. Check out the guides to help you get the most of Cosmos.")).toBeVisible();
+
+
+
+
+
+
+});

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPageCaseWidget/demo.stories.tsx

@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<typeof PegaDxilMyPageCaseWidget>;
 
 if (!window.PCore) {
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 window.PCore.getLocaleUtils = () => {
@@ -23,17 +23,18 @@ window.PCore.getLocaleUtils = () => {
     getLocaleValue: (value: any) => {
       return value;
     }
-  };
+  } as any;
 };
 
 window.PCore.getUserApi = () => {
   return {
     getOperatorDetails: () => {
       return new Promise(resolve => {
+        // @ts-ignore
         resolve(operatorDetails);
       });
     }
-  };
+  } as any;
 };
 
 export const BasePegaDxilMyPageCaseWidget: Story = (args: any) => {

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPageCaseWidget/demo.test.tsx

@@ -0,0 +1,19 @@
+// import { expect, test } from '@jest/globals';
+import { render, screen } from '@testing-library/react';
+import { composeStories } from '@storybook/react';
+import '@testing-library/jest-dom';
+
+import * as DemoStories from './demo.stories';
+
+
+
+const { BasePegaDxilMyPageCaseWidget } = composeStories(DemoStories);
+
+test('renders PegaDxilMyPageCaseWidget', async () => {
+  render(<BasePegaDxilMyPageCaseWidget />);
+  expect(await screen.findByText('Create operator')).toBeVisible();
+  expect(await screen.findByText('Created')).toBeVisible();
+
+
+
+});

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPageWidget/demo.stories.tsx

@@ -16,7 +16,7 @@ export default meta;
 type Story = StoryObj<typeof PegaDxilMyPageWidget>;
 
 if (!window.PCore) {
-  window.PCore = {};
+  window.PCore = {} as any;
 }
 
 const worklistData = {
@@ -49,15 +49,17 @@ window.PCore.getDataApiUtils = () => {
   return {
     getData: () => {
       return new Promise(resolve => {
+        // @ts-ignore
         resolve(worklistData);
       });
     },
     getDataAsync: () => {
       return new Promise(resolve => {
+        // @ts-ignore
         resolve(worklistData);
       });
     }
-  };
+  } as any;
 };
 
 

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPageWidget/demo.test.tsx

@@ -0,0 +1,36 @@
+// import { expect, test } from '@jest/globals';
+import { render, screen } from '@testing-library/react';
+import { composeStories } from '@storybook/react';
+import '@testing-library/jest-dom';
+
+import * as DemoStories from './demo.stories';
+
+
+
+const { BasePegaDxilMyPageWidget } = composeStories(DemoStories);
+
+test('renders PegaDxilMyPageWidget', async () => {
+  render(<BasePegaDxilMyPageWidget />);
+  expect(await screen.findByText('Announcements')).toBeVisible();
+  expect(await screen.findByText("See what's new")).toBeVisible();
+  expect(
+    await screen.findByText('Welcome to MediaCo Application for testing SDK frameworks.')
+  ).toBeVisible();
+
+  const workListArr = screen.getAllByText('Work list');
+  expect(workListArr[0]).toBeVisible();
+  expect(workListArr[1]).toBeInTheDocument();
+
+  expect(await screen.findByText('Case type')).toBeVisible();
+  expect(await screen.findByText('Key')).toBeVisible();
+  expect(await screen.findByText('Status')).toBeVisible();
+  expect(await screen.findByText('Stage')).toBeVisible();
+
+  expect(await screen.findByText('A-8002')).toBeVisible();
+  expect(await screen.findByText('A-7001')).toBeVisible();
+  expect(await screen.findByText('A-9000')).toBeVisible();
+
+
+
+
+});

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyParagraph/config.json

@@ -17,6 +17,31 @@
       "format": "TEXT",
       "required": true
     },
+    {
+      "name": "labelOption",
+      "label": "Field label",
+      "format": "SELECT",
+      "defaultValue": "custom",
+      "visibility": "@PLATFORMNAME != 'launchpad'",
+      "source": [
+        {
+          "key": "default",
+          "value": "Default"
+        },
+        {
+          "key": "custom",
+          "value": "Custom"
+        }
+      ]
+    },
+    {
+      "name": "label",
+      "label": "Custom field label",
+      "format": "VALUEINPUT",
+      "required": true,
+      "ruleType": "Paragraph",
+      "visibility": "@PLATFORMNAME != 'launchpad'"
+    },
     {
       "name": "readOnly",
       "label": "Edit mode",

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyParagraph/demo.test.tsx

@@ -0,0 +1,21 @@
+// import { expect, test } from '@jest/globals';
+import { render, screen } from '@testing-library/react';
+import { composeStories } from '@storybook/react';
+import '@testing-library/jest-dom';
+
+import * as DemoStories from './demo.stories';
+
+const { BasePegaDxilMyParagraph } = composeStories(DemoStories);
+
+test('renders PegaDxilMyParagraph', async () => {
+  render(<BasePegaDxilMyParagraph />);
+  expect(await screen.findByText('Paragraph Sample')).toBeVisible();
+  expect(await screen.findByText('Paragraph Helper Text')).toBeVisible();
+
+
+  const paragraphElement = (screen.getByTestId('paragraph-12345678') as HTMLTextAreaElement);
+  expect(paragraphElement.value).toBe('');
+
+
+  expect(paragraphElement).toHaveAttribute('placeholder', 'Paragraph Placeholder');
+});

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPercentage/config.json

@@ -17,6 +17,31 @@
       "format": "TEXT",
       "required": true
     },
+    {
+      "name": "labelOption",
+      "label": "Field label",
+      "format": "SELECT",
+      "defaultValue": "custom",
+      "visibility": "@PLATFORMNAME != 'launchpad'",
+      "source": [
+        {
+          "key": "default",
+          "value": "Default"
+        },
+        {
+          "key": "custom",
+          "value": "Custom"
+        }
+      ]
+    },
+    {
+      "name": "label",
+      "label": "Custom field label",
+      "format": "VALUEINPUT",
+      "required": true,
+      "ruleType": "Paragraph",
+      "visibility": "@PLATFORMNAME != 'launchpad'"
+    },
     {
       "name": "readOnly",
       "label": "Edit mode",

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPercentage/demo.test.tsx

@@ -0,0 +1,18 @@
+// import { expect, test } from '@jest/globals';
+import { render, screen } from '@testing-library/react';
+import { composeStories } from '@storybook/react';
+import '@testing-library/jest-dom';
+
+import * as DemoStories from './demo.stories';
+
+const { BasePegaDxilMyPercentage } = composeStories(DemoStories);
+
+test('renders PegaDxilMyPercentage', async () => {
+  render(<BasePegaDxilMyPercentage />);
+  expect(await screen.findByText('Percentage Sample')).toBeVisible();
+  expect(await screen.findByText('Percentage Helper Text')).toBeVisible();
+
+  const percentElement = (screen.getByTestId('percentage-12345678') as HTMLInputElement);
+  expect(percentElement.value).toContain('%');
+
+});

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPhone/config.json

@@ -17,6 +17,31 @@
       "format": "TEXT",
       "required": true
     },
+    {
+      "name": "labelOption",
+      "label": "Field label",
+      "format": "SELECT",
+      "defaultValue": "custom",
+      "visibility": "@PLATFORMNAME != 'launchpad'",
+      "source": [
+        {
+          "key": "default",
+          "value": "Default"
+        },
+        {
+          "key": "custom",
+          "value": "Custom"
+        }
+      ]
+    },
+    {
+      "name": "label",
+      "label": "Custom field label",
+      "format": "VALUEINPUT",
+      "required": true,
+      "ruleType": "Paragraph",
+      "visibility": "@PLATFORMNAME != 'launchpad'"
+    },
     {
       "name": "readOnly",
       "label": "Edit mode",

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPhone/demo.test.tsx

@@ -0,0 +1,23 @@
+// import { expect, test } from '@jest/globals';
+import { render, screen } from '@testing-library/react';
+import { composeStories } from '@storybook/react';
+import '@testing-library/jest-dom';
+
+import * as DemoStories from './demo.stories';
+
+const { BasePegaDxilMyPhone } = composeStories(DemoStories);
+
+test('renders PegaDxilMyPhone', async () => {
+  render(<BasePegaDxilMyPhone />);
+  expect(await screen.findByText('Phone Sample')).toBeVisible();
+  expect(await screen.findByText('Phone Helper Text')).toBeVisible();
+
+
+  const phoneElement = (screen.getByTestId('phone-12345678') as HTMLInputElement);
+  expect(phoneElement.value).toBe('');
+
+  expect(phoneElement).toHaveAttribute('placeholder', 'Phone Placeholder');
+
+  const countryElement = (screen.getByTestId(":phone-input:country-code") as HTMLSelectElement);
+  expect(countryElement.value).toContain("+1");
+});

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPicklist/config.json

@@ -17,6 +17,31 @@
       "format": "TEXT",
       "required": true
     },
+    {
+      "name": "labelOption",
+      "label": "Field label",
+      "format": "SELECT",
+      "defaultValue": "custom",
+      "visibility": "@PLATFORMNAME != 'launchpad'",
+      "source": [
+        {
+          "key": "default",
+          "value": "Default"
+        },
+        {
+          "key": "custom",
+          "value": "Custom"
+        }
+      ]
+    },
+    {
+      "name": "label",
+      "label": "Custom field label",
+      "format": "VALUEINPUT",
+      "required": true,
+      "ruleType": "Paragraph",
+      "visibility": "@PLATFORMNAME != 'launchpad'"
+    },
     {
       "name": "readOnly",
       "label": "Edit mode",

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyPicklist/demo.test.tsx

@@ -0,0 +1,25 @@
+// import { expect, test } from '@jest/globals';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { composeStories } from '@storybook/react';
+import '@testing-library/jest-dom';
+
+import * as DemoStories from './demo.stories';
+
+const { BasePegaDxilMyPicklist } = composeStories(DemoStories);
+
+test('renders PegaDxilMyPicklist', async () => {
+  render(<BasePegaDxilMyPicklist />);
+  expect(await screen.findByText('Picklist Sample')).toBeVisible();
+  expect(await screen.findByText('Picklist Helper Text')).toBeVisible();
+
+  const picklistElement = (screen.getByTestId('picklist-12345678') as HTMLSelectElement);
+  expect(picklistElement).toHaveAttribute('label', 'Picklist Sample');
+  expect(picklistElement.value).toContain('');
+
+  fireEvent.click(picklistElement);
+
+  fireEvent.change(picklistElement, { target: { value: 'Option 1' } });
+
+  expect(picklistElement.value).toContain('Option 1');
+
+});

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyRadiobuttons/config.json

@@ -17,6 +17,31 @@
       "format": "TEXT",
       "required": true
     },
+    {
+      "name": "labelOption",
+      "label": "Field label",
+      "format": "SELECT",
+      "defaultValue": "custom",
+      "visibility": "@PLATFORMNAME != 'launchpad'",
+      "source": [
+        {
+          "key": "default",
+          "value": "Default"
+        },
+        {
+          "key": "custom",
+          "value": "Custom"
+        }
+      ]
+    },
+    {
+      "name": "label",
+      "label": "Custom field label",
+      "format": "VALUEINPUT",
+      "required": true,
+      "ruleType": "Paragraph",
+      "visibility": "@PLATFORMNAME != 'launchpad'"
+    },
     {
       "name": "readOnly",
       "label": "Edit mode",

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyRadiobuttons/demo.test.tsx

@@ -0,0 +1,29 @@
+// import { expect, test } from '@jest/globals';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { composeStories } from '@storybook/react';
+import '@testing-library/jest-dom';
+
+import * as DemoStories from './demo.stories';
+
+const { BasePegaDxilMyRadiobuttons } = composeStories(DemoStories);
+
+test('renders PegaDxilMyRadiobuttons', async () => {
+  render(<BasePegaDxilMyRadiobuttons />);
+  expect(await screen.findByText('Picklist Sample')).toBeVisible();
+  expect(await screen.findByText('Picklist Helper Text')).toBeVisible();
+
+  const radioElement = (screen.getByTestId('picklist-12345678') as HTMLSelectElement);
+  expect(radioElement.value).toBeUndefined();
+
+  const optionRadios = screen.getAllByRole('radio');
+  const option1 = optionRadios[1] as HTMLInputElement;
+  const option2 = optionRadios[2] as HTMLInputElement;
+
+  fireEvent.click(option1);
+  expect(option1).toBeChecked();
+
+  fireEvent.click(option2);
+  expect(option2).toBeChecked();
+  expect(option1).not.toBeChecked();
+
+});

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MySearchbox/config.json

@@ -17,6 +17,31 @@
       "format": "TEXT",
       "required": true
     },
+    {
+      "name": "labelOption",
+      "label": "Field label",
+      "format": "SELECT",
+      "defaultValue": "custom",
+      "visibility": "@PLATFORMNAME != 'launchpad'",
+      "source": [
+        {
+          "key": "default",
+          "value": "Default"
+        },
+        {
+          "key": "custom",
+          "value": "Custom"
+        }
+      ]
+    },
+    {
+      "name": "label",
+      "label": "Custom field label",
+      "format": "VALUEINPUT",
+      "required": true,
+      "ruleType": "Paragraph",
+      "visibility": "@PLATFORMNAME != 'launchpad'"
+    },
     {
       "name": "readOnly",
       "label": "Edit mode",

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MySearchbox/demo.test.tsx

@@ -0,0 +1,33 @@
+// import { expect, test } from '@jest/globals';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { composeStories } from '@storybook/react';
+import '@testing-library/jest-dom';
+
+import * as DemoStories from './demo.stories';
+
+const { BasePegaDxilMySearchbox } = composeStories(DemoStories);
+
+test('renders PegaDxilMySearchbox', async () => {
+  render(<BasePegaDxilMySearchbox />);
+  expect(await screen.findByText('Picklist Sample')).toBeVisible();
+  expect(await screen.findByText('Picklist Helper Text')).toBeVisible();
+
+  const searchboxElement = screen.getByTestId(
+    'picklist-12345678:combo-box:control'
+  ) as HTMLInputElement;
+  // expect(searchboxElement).toHaveAttribute('role', 'searchbox');
+  expect(searchboxElement).toHaveAttribute('role', 'combobox');
+  expect(searchboxElement).toHaveAttribute('autocomplete', 'off');
+  expect(searchboxElement).toHaveAttribute('placeholder', 'Select...');
+  expect(searchboxElement.value).toContain('');
+
+  fireEvent.click(searchboxElement);
+
+  // because need to wait after button pressed before finding the data picker pop up, need to do this
+  // via "await" and "findByTestId" (as opposed to getByTestId)
+  const dataPickerPopUp = await screen.findByTestId(':menu:');
+  expect(dataPickerPopUp).not.toBeNull();
+
+
+
+});

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyText/demo.test.tsx

@@ -0,0 +1,19 @@
+// import { expect, test } from '@jest/globals';
+import { render, screen } from '@testing-library/react';
+import { composeStories } from '@storybook/react';
+import '@testing-library/jest-dom';
+
+import * as DemoStories from './demo.stories';
+
+const { BasePegaDxilMyText } = composeStories(DemoStories);
+
+test('renders PegaDxilMyText', async () => {
+  render(<BasePegaDxilMyText />);
+  expect(await screen.findByText('Text Sample')).toBeVisible();
+
+
+  const textElement = (screen.getByTestId('Text-12345678:input:control') as HTMLInputElement);
+  expect(textElement.value).toBe('');
+
+  expect(textElement).toHaveAttribute('placeholder', 'Text Placeholder');
+});

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyTextInput/config.json

@@ -17,6 +17,31 @@
       "format": "TEXT",
       "required": true
     },
+    {
+      "name": "labelOption",
+      "label": "Field label",
+      "format": "SELECT",
+      "defaultValue": "custom",
+      "visibility": "@PLATFORMNAME != 'launchpad'",
+      "source": [
+        {
+          "key": "default",
+          "value": "Default"
+        },
+        {
+          "key": "custom",
+          "value": "Custom"
+        }
+      ]
+    },
+    {
+      "name": "label",
+      "label": "Custom field label",
+      "format": "VALUEINPUT",
+      "required": true,
+      "ruleType": "Paragraph",
+      "visibility": "@PLATFORMNAME != 'launchpad'"
+    },
     {
       "name": "readOnly",
       "label": "Edit mode",

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyTextInput/demo.test.tsx

@@ -0,0 +1,20 @@
+// import { expect, test } from '@jest/globals';
+import { render, screen } from '@testing-library/react';
+import { composeStories } from '@storybook/react';
+import '@testing-library/jest-dom';
+
+import * as DemoStories from './demo.stories';
+
+const { BasePegaDxilMyTextInput } = composeStories(DemoStories);
+
+test('renders PegaDxilMyTextInput', async () => {
+  render(<BasePegaDxilMyTextInput />);
+  expect(await screen.findByText('TextInput Sample')).toBeVisible();
+  expect(await screen.findByText('TextInput Helper Text')).toBeVisible();
+
+
+  const textInputElement = (screen.getByTestId('TextInput-12345678') as HTMLInputElement);
+  expect(textInputElement.value).toBe('');
+
+  expect(textInputElement).toHaveAttribute('placeholder', 'TextInput Placeholder');
+});

package/tests/assets/original/components/createAll/Launchpad/Pega_DXIL_MyTimeOfDay/config.json

@@ -17,6 +17,31 @@
       "format": "TEXT",
       "required": true
     },
+    {
+      "name": "labelOption",
+      "label": "Field label",
+      "format": "SELECT",
+      "defaultValue": "custom",
+      "visibility": "@PLATFORMNAME != 'launchpad'",
+      "source": [
+        {
+          "key": "default",
+          "value": "Default"
+        },
+        {
+          "key": "custom",
+          "value": "Custom"
+        }
+      ]
+    },
+    {
+      "name": "label",
+      "label": "Custom field label",
+      "format": "VALUEINPUT",
+      "required": true,
+      "ruleType": "Paragraph",
+      "visibility": "@PLATFORMNAME != 'launchpad'"
+    },
     {
       "name": "readOnly",
       "label": "Edit mode",