@pega/custom-dx-components 24.2.16 → 25.1.10-alpha-0.1

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyBoolean/demo.test.tsx

@@ -0,0 +1,19 @@
+// import { expect, test } from '@jest/globals';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { composeStories } from '@storybook/react';
+import '@testing-library/jest-dom';
+
+import * as DemoStories from './demo.stories';
+
+const { BasePegaDxilMyBoolean } = composeStories(DemoStories);
+
+test('renders PegaDxilMyBoolean', async () => {
+  render(<BasePegaDxilMyBoolean />);
+  expect(await screen.findByText('Boolean caption')).toBeVisible();
+  expect(await screen.findByText('Boolean label')).toBeVisible();
+  expect(await screen.findByText('Test helper text')).toBeVisible();
+  const checkboxElement = screen.getByRole('checkbox');
+  expect(checkboxElement).toBeChecked();
+  fireEvent.click(checkboxElement);
+  expect(checkboxElement).not.toBeChecked();
+});

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyCaseWidget/config.json

@@ -9,6 +9,7 @@
   "componentKey": "Pega_DXIL_MyCaseWidget",
   "type": "Widget",
   "subtype": "CASE",
+  "subtypeLabel": "CASE",
   "icon": "OneColumnPage.svg",
   "properties": [
    {

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyCaseWidget/create-nonce.ts

@@ -2,5 +2,6 @@
 // @ts-ignore
 if (window?.__webpack_nonce__) {
   // @ts-ignore
+  // eslint-disable-next-line no-undef
   __webpack_nonce__ = window.__webpack_nonce__;
 }

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyCaseWidget/demo.stories.tsx

@@ -40,6 +40,7 @@ export const BasePegaDxilMyCaseWidget: Story = (args: any) => {
     return {
       getData: () => {
         return new Promise(resolve => {
+          // @ts-ignore
           resolve(historyData);
         });
       }

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyCaseWidget/demo.test.tsx

@@ -0,0 +1,28 @@
+// 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 { BasePegaDxilMyCaseWidget } = composeStories(DemoStories);
+
+test('renders PegaDxilMyCaseWidget', async () => {
+  render(<BasePegaDxilMyCaseWidget />);
+
+  const caseHistoryArr = await screen.findAllByText('Case history');
+  expect(caseHistoryArr[0]).toBeVisible();
+  expect(caseHistoryArr[1]).toBeVisible();
+
+  expect(await screen.findByText('Date')).toBeVisible();
+  expect(await screen.findByText('Description')).toBeVisible();
+  expect(await screen.findByText('Performed by')).toBeVisible();
+
+  const peformedArr = await screen.findAllByText('User DigV2');
+  expect(peformedArr[0]).toBeVisible();
+  expect(peformedArr[1]).toBeVisible();
+
+
+});

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyCaseWidget/localizations.json

@@ -0,0 +1,8 @@
+{
+  "fields": {
+    "Date": "Date",
+    "Description" : "Description",
+    "Performed by" : "Performed by",
+    "Loading case history" : "Loading case history"
+  }
+}

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyCurrency/config.json

@@ -9,6 +9,7 @@
   "componentKey": "Pega_DXIL_MyCurrency",
   "type": "Field",
   "subtype": "Decimal-Currency",
+  "subtypeLabel": "Currency",
   "icon": "images/pz-currency-active.svg",
   "properties": [
     {
@@ -17,6 +18,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/Constellation/Pega_DXIL_MyCurrency/create-nonce.ts

@@ -2,5 +2,6 @@
 // @ts-ignore
 if (window?.__webpack_nonce__) {
   // @ts-ignore
+  // eslint-disable-next-line no-undef
   __webpack_nonce__ = window.__webpack_nonce__;
 }

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyCurrency/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 { BasePegaDxilMyCurrency } = composeStories(DemoStories);
+
+test('renders PegaDxilMyCurrency', async () => {
+  render(<BasePegaDxilMyCurrency />);
+  expect(await screen.findByText('Currency Sample')).toBeVisible();
+  expect(await screen.findByText('Currency Helper Text')).toBeVisible();
+
+  const currencyElement = screen.getByRole('textbox');
+  // for some odd reason, checking the full string of "USD 0.00" doesn't pass
+  // expect(currencyElement).toHaveValue('USD 0.00');
+  const myTextAreaVal = (screen.getByRole('textbox') as HTMLInputElement).value;
+  expect(myTextAreaVal).toContain('USD');
+  expect(myTextAreaVal).toContain('0.00');
+
+  expect(currencyElement).toHaveAttribute('placeholder', 'Currency Placeholder');
+});

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDate/config.json

@@ -9,6 +9,7 @@
   "componentKey": "Pega_DXIL_MyDate",
   "type": "Field",
   "subtype": "Date",
+  "subtypeLabel": "Date",
   "icon": "images/pz-date-time-active.svg",
   "properties": [
     {
@@ -17,6 +18,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/Constellation/Pega_DXIL_MyDate/create-nonce.ts

@@ -2,5 +2,6 @@
 // @ts-ignore
 if (window?.__webpack_nonce__) {
   // @ts-ignore
+  // eslint-disable-next-line no-undef
   __webpack_nonce__ = window.__webpack_nonce__;
 }

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDate/date.ts

@@ -381,30 +381,6 @@ export function format(value, type, options) {
   let formattedValue;
 
   switch (type?.toLowerCase()) {
-    case 'currency': {
-      const defaultOptions = {
-        locale: getLocale(),
-        position: 'before',
-        decPlaces: 2
-      };
-      const params = { ...defaultOptions, ...options };
-      formattedValue = Currency.Currency(value, params);
-      break;
-    }
-
-    case 'decimal': {
-      const defaultOptions = { locale: getLocale(), decPlaces: 2 };
-      const params = { ...defaultOptions, ...options };
-      formattedValue = Currency.Decimal(value, params);
-      break;
-    }
-
-    case 'integer': {
-      const defaultOptions = { locale: getLocale() };
-      const params = { ...defaultOptions, ...options };
-      formattedValue = Currency.Integer(value, params);
-      break;
-    }
 
     case 'date': {
       const defaultOptions = {

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDate/demo.test.tsx

@@ -0,0 +1,52 @@
+// import { expect, test } from '@jest/globals';
+// @ts-nocheck
+import { render, screen, fireEvent } from '@testing-library/react';
+import { composeStories } from '@storybook/react';
+import '@testing-library/jest-dom';
+
+import * as DemoStories from './demo.stories';
+
+const { BasePegaDxilMyDate } = composeStories(DemoStories);
+
+test('renders PegaDxilMyDate', async () => {
+  render(<BasePegaDxilMyDate/>);
+  expect(await screen.findByText('Date Label')).toBeVisible();
+  expect(await screen.findByText('Date helper text')).toBeVisible();
+
+  // const dateElement = screen.getByRole('textbox');
+  // for some odd reason, checking the full string of "USD 0.00" doesn't pass
+  // expect(currencyElement).toHaveValue('USD 0.00');
+  const myMonth = (screen.getByTestId(':date-input:control-month') as HTMLInputElement);
+  expect(myMonth.value).toContain('01');
+  expect(myMonth).toHaveAttribute('placeholder', 'MM');
+
+  const myDay = (screen.getByTestId(':date-input:control-day') as HTMLInputElement);
+  expect(myDay.value).toContain('31');
+  expect(myDay).toHaveAttribute('placeholder', 'DD');
+
+  const myYear = (screen.getByTestId(':date-input:control-year') as HTMLInputElement);
+  expect(myYear.value).toContain('2023');
+  expect(myYear).toHaveAttribute('placeholder', 'YYYY');
+
+  // press clear button
+  const clearX = screen.getByTestId(':date-input:clear-current-date') as HTMLButtonElement;
+  fireEvent.click(clearX);
+
+  const myClearMonth = (screen.getByTestId(':date-input:control-month') as HTMLInputElement).value;
+  expect(myClearMonth).toContain('');
+
+  const myClearDay = (screen.getByTestId(':date-input:control-day') as HTMLInputElement).value;
+  expect(myClearDay).toContain('');
+
+  const myClearYear = (screen.getByTestId(':date-input:control-year') as HTMLInputElement).value;
+  expect(myClearYear).toContain('');
+
+  // press date picker
+  const pickerButton = screen.getByTestId(':date-input:open-close-picker') as HTMLButtonElement;
+  fireEvent.click(pickerButton);
+
+  // 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(':date-input:clear-current-date');
+  expect(dataPickerPopUp).not.toBeNull();
+});

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDateTime/config.json

@@ -9,6 +9,7 @@
   "componentKey": "Pega_DXIL_MyDateTime",
   "type": "Field",
   "subtype": "DateTime",
+  "subtypeLabel": "DateTime",
   "icon": "images/pz-text-input-active.svg",
   "properties": [
     {
@@ -17,6 +18,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/Constellation/Pega_DXIL_MyDateTime/create-nonce.ts

@@ -2,5 +2,6 @@
 // @ts-ignore
 if (window?.__webpack_nonce__) {
   // @ts-ignore
+  // eslint-disable-next-line no-undef
   __webpack_nonce__ = window.__webpack_nonce__;
 }

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDateTime/demo.stories.tsx

@@ -1,4 +1,5 @@
 /* eslint-disable react/jsx-no-useless-fragment */
+// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 import { configProps, stateProps } from './mock';
 import PegaDxilMyDateTime from './index';

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDateTime/demo.test.tsx

@@ -0,0 +1,72 @@
+// import { expect, test } from '@jest/globals';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { composeStories } from '@storybook/react';
+import '@testing-library/jest-dom';
+
+import * as DemoStories from './demo.stories';
+
+const { BasePegaDxilMyDateTime } = composeStories(DemoStories);
+
+test('renders PegaDxilMyDateTime', async () => {
+  render(<BasePegaDxilMyDateTime/>);
+  expect(await screen.findByText('DateTime Label')).toBeVisible();
+  expect(await screen.findByText('DateTime helper text')).toBeVisible();
+
+  // const dateElement = screen.getByRole('textbox');
+  // for some odd reason, checking the full string of "USD 0.00" doesn't pass
+  // expect(currencyElement).toHaveValue('USD 0.00');
+  const myMonth = (screen.getByTestId(':date-time-input:control-month') as HTMLInputElement);
+  expect(myMonth.value).toContain('01');
+  expect(myMonth).toHaveAttribute('placeholder', 'MM');
+
+  const myDay = (screen.getByTestId(':date-time-input:control-day') as HTMLInputElement);
+  expect(myDay.value).toContain('24');
+  expect(myDay).toHaveAttribute('placeholder', 'DD');
+
+  const myYear = (screen.getByTestId(':date-time-input:control-year') as HTMLInputElement);
+  expect(myYear.value).toContain('2023');
+  expect(myYear).toHaveAttribute('placeholder', 'YYYY');
+
+  const myHour = (screen.getByTestId(':date-time-input:control-hour') as HTMLInputElement);
+  expect(myHour.value).toContain('04');
+  expect(myHour).toHaveAttribute('placeholder', 'hh');
+
+  const myMinute = (screen.getByTestId(':date-time-input:control-minute') as HTMLInputElement);
+  expect(myMinute.value).toContain('45');
+  expect(myMinute).toHaveAttribute('placeholder', 'mm');
+
+  const myPeriod = (screen.getByTestId(':date-time-input:control-period') as HTMLSelectElement).value;
+  expect(myPeriod).toContain('PM');
+
+
+  // press clear button
+  const clearX = screen.getByTestId(':date-time-input:clear-current-date-and-time') as HTMLButtonElement;
+  fireEvent.click(clearX);
+
+  const myClearMonth = (screen.getByTestId(':date-time-input:control-month') as HTMLInputElement).value;
+  expect(myClearMonth).toContain('');
+
+  const myClearDay = (screen.getByTestId(':date-time-input:control-day') as HTMLInputElement).value;
+  expect(myClearDay).toContain('');
+
+  const myClearYear = (screen.getByTestId(':date-time-input:control-year') as HTMLInputElement).value;
+  expect(myClearYear).toContain('');
+
+  const myClearHour = (screen.getByTestId(':date-time-input:control-hour') as HTMLInputElement).value;
+  expect(myClearHour).toContain('');
+
+  const myClearMinute = (screen.getByTestId(':date-time-input:control-minute') as HTMLInputElement).value;
+  expect(myClearMinute).toContain('');
+
+  const myClearPeriod = (screen.getByTestId(':date-time-input:control-period') as HTMLSelectElement).value;
+  expect(myClearPeriod).toContain('AM');
+
+  // press date picker
+  const pickerButton = screen.getByTestId(':date-time-input:open-close-picker') as HTMLButtonElement;
+  fireEvent.click(pickerButton);
+
+  // 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(':date-time-input:picker:date-picker:');
+  expect(dataPickerPopUp).not.toBeNull();
+});

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDecimal/config.json

@@ -9,6 +9,7 @@
   "componentKey": "Pega_DXIL_MyDecimal",
   "type": "Field",
   "subtype": "Decimal",
+  "subtypeLabel": "Decimal",
   "icon": "images/pz-decimal-active.svg",
   "properties": [
     {
@@ -17,6 +18,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/Constellation/Pega_DXIL_MyDecimal/create-nonce.ts

@@ -2,5 +2,6 @@
 // @ts-ignore
 if (window?.__webpack_nonce__) {
   // @ts-ignore
+  // eslint-disable-next-line no-undef
   __webpack_nonce__ = window.__webpack_nonce__;
 }

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDecimal/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 { BasePegaDxilMyDecimal } = composeStories(DemoStories);
+
+test('renders PegaDxilMyDecimal', async () => {
+  render(<BasePegaDxilMyDecimal />);
+  expect(await screen.findByText('Decimal Sample')).toBeVisible();
+  expect(await screen.findByText('Decimal Helper Text')).toBeVisible();
+
+  const decimalElement = screen.getByRole('textbox');
+
+  const myTextAreaVal = (screen.getByRole('textbox') as HTMLInputElement).value;
+  expect(myTextAreaVal).toContain('');
+
+  expect(decimalElement).toHaveAttribute('placeholder', 'Decimal Placeholder');
+});

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDetails/config.json

@@ -9,6 +9,7 @@
   "componentKey": "Pega_DXIL_MyDetails",
   "type": "Template",
   "subtype": "DETAILS",
+  "subtypeLabel": "DETAILS",
   "icon": "OneColumnDetails.svg",
   "properties": [
     {

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDetails/create-nonce.ts

@@ -2,5 +2,6 @@
 // @ts-ignore
 if (window?.__webpack_nonce__) {
   // @ts-ignore
+  // eslint-disable-next-line no-undef
   __webpack_nonce__ = window.__webpack_nonce__;
 }

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDetails/demo.stories.tsx

@@ -24,6 +24,7 @@ if (!window.PCore) {
   window.PCore = {} as any;
 }
 
+
 window.PCore.getLocaleUtils = () => {
   return {
     getLocaleValue: (value: any) => {

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyDetails/demo.test.tsx

@@ -0,0 +1,47 @@
+// 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 { BasePegaDxilMyDetails } = composeStories(DemoStories);
+
+test('renders PegaDxilMyDetails', async () => {
+  render(<BasePegaDxilMyDetails />);
+  expect(await screen.findByText('Details template')).toBeVisible();
+  expect(await screen.findByText('Work Status')).toBeVisible();
+  expect(await screen.findByText('Case ID')).toBeVisible();
+  expect(await screen.findByText('Create date/time')).toBeVisible();
+  expect(await screen.findByText('Create Operator')).toBeVisible();
+
+  // expect(await screen.findByText('New')).toBeVisible();
+
+  expect(await screen.findByText('M-1002')).toBeVisible();
+  expect(await screen.findByText('December 11, 2022 at 8:06:27 PM')).toBeVisible();
+
+  expect(await screen.findByText('SLA Deadline')).toBeVisible();
+  expect(await screen.findByText('SLA Goal')).toBeVisible();
+  expect(await screen.findByText('SLA Start Time')).toBeVisible();
+
+  expect(await screen.findByText('Deadline')).toBeVisible();
+  expect(await screen.findByText('Goal')).toBeVisible();
+  expect(await screen.findByText('Start Time')).toBeVisible();
+
+  const frenchBefore = screen.queryByText('french DigV2');
+  expect(frenchBefore).not.toBeInTheDocument();
+
+  // admin button
+  const adminButton = screen.getByRole('button');
+  fireEvent.click(adminButton);
+
+  const frenchArr = await screen.findAllByText('french DigV2');
+  expect(frenchArr[0]).toBeVisible();
+  expect(frenchArr[1]).toBeVisible();
+
+
+
+
+});

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyEmail/config.json

@@ -9,6 +9,7 @@
   "componentKey": "Pega_DXIL_MyEmail",
   "type": "Field",
   "subtype": "Text-Email",
+  "subtypeLabel": "Email",
   "icon": "images/pz-email-active.svg",
    "properties": [
     {
@@ -17,6 +18,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/Constellation/Pega_DXIL_MyEmail/create-nonce.ts

@@ -2,5 +2,6 @@
 // @ts-ignore
 if (window?.__webpack_nonce__) {
   // @ts-ignore
+  // eslint-disable-next-line no-undef
   __webpack_nonce__ = window.__webpack_nonce__;
 }

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyEmail/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 { BasePegaDxilMyEmail } = composeStories(DemoStories);
+
+test('renders PegaDxilMyEmail', async () => {
+  render(<BasePegaDxilMyEmail />);
+  expect(await screen.findByText('Email Sample')).toBeVisible();
+  expect(await screen.findByText('Email Helper Text')).toBeVisible();
+
+
+  const emailElement = (screen.getByTestId('email-12345678') as HTMLInputElement);
+  expect(emailElement.value).toBe('');
+
+  expect(emailElement).toHaveAttribute('placeholder', 'Email Placeholder');
+});

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyForm/config.json

@@ -9,6 +9,7 @@
   "componentKey": "Pega_DXIL_MyForm",
   "type": "Template",
   "subtype": "FORM",
+  "subtypeLabel": "FORM",
   "icon": "DefaultForm.svg",
     "properties": [
     {

package/tests/assets/original/components/createAll/Constellation/Pega_DXIL_MyForm/create-nonce.ts

@@ -2,5 +2,6 @@
 // @ts-ignore
 if (window?.__webpack_nonce__) {
   // @ts-ignore
+  // eslint-disable-next-line no-undef
   __webpack_nonce__ = window.__webpack_nonce__;
 }