From c060764868f0e69a79a7666e40b42dd3d7bf6674 Mon Sep 17 00:00:00 2001
From: Saravana <saravanabalajis49@gmail.com>
Date: Thu, 6 Jul 2023 14:30:47 +0530
Subject: [PATCH] Snapshots cleanup

---
 .../CloudEventCustomHeadersEditor.test.ts.tsx |   22 +-
 ...dEventCustomHeadersEditor.test.ts.tsx.snap |  245 +--
 .../tests/CloudEventFieldLabelIcon.test.tsx   |    4 +-
 .../CloudEventFieldLabelIcon.test.tsx.snap    |  289 +--
 .../tests/CloudEventForm.test.tsx             |   18 +-
 .../CloudEventForm.test.tsx.snap              | 1788 +----------------
 6 files changed, 70 insertions(+), 2296 deletions(-)

diff --git a/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventCustomHeadersEditor/tests/CloudEventCustomHeadersEditor.test.ts.tsx b/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventCustomHeadersEditor/tests/CloudEventCustomHeadersEditor.test.ts.tsx
index 51af7c172a..bbefe1a046 100644
--- a/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventCustomHeadersEditor/tests/CloudEventCustomHeadersEditor.test.ts.tsx
+++ b/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventCustomHeadersEditor/tests/CloudEventCustomHeadersEditor.test.ts.tsx
@@ -32,28 +32,38 @@ const MockedComponent = (): React.ReactElement => {
   return <></>;
 };
 
-jest.mock('@patternfly/react-core', () =>
+jest.mock('@patternfly/react-core/dist/js/components/Button', () =>
   Object.assign({}, jest.requireActual('@patternfly/react-core'), {
     Button: () => {
       return <MockedComponent />;
-    },
+    }
+  })
+);
+
+jest.mock('@patternfly/react-core/dist/js/components/TextInput', () =>
+  Object.assign({}, jest.requireActual('@patternfly/react-core'), {
     TextInput: () => {
       return <MockedComponent />;
     }
   })
 );
 
-jest.mock('@patternfly/react-icons', () =>
+jest.mock('@patternfly/react-icons/dist/esm/icons/plus-circle-icon', () =>
   Object.assign({}, jest.requireActual('@patternfly/react-icons'), {
-    TrashIcon: () => {
-      return <MockedComponent />;
-    },
     PlusCircleIcon: () => {
       return <MockedComponent />;
     }
   })
 );
 
+jest.mock('@patternfly/react-icons/dist/esm/icons/trash-icon', () =>
+  Object.assign({}, jest.requireActual('@patternfly/react-icons'), {
+    TrashIcon: () => {
+      return <MockedComponent />;
+    }
+  })
+);
+
 function addHeader(
   wrapper,
   index: number,
diff --git a/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventCustomHeadersEditor/tests/__snapshots__/CloudEventCustomHeadersEditor.test.ts.tsx.snap b/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventCustomHeadersEditor/tests/__snapshots__/CloudEventCustomHeadersEditor.test.ts.tsx.snap
index e8a6f4d446..f59dc617bf 100644
--- a/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventCustomHeadersEditor/tests/__snapshots__/CloudEventCustomHeadersEditor.test.ts.tsx.snap
+++ b/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventCustomHeadersEditor/tests/__snapshots__/CloudEventCustomHeadersEditor.test.ts.tsx.snap
@@ -17,74 +17,13 @@ exports[`CloudEventCustomHeadersEditor tests Add headers 1`] = `
             className="pf-l-stack__item"
           >
             <Button
-              icon={
-                <PlusCircleIcon
-                  color="currentColor"
-                  noVerticalAlign={false}
-                  size="sm"
-                />
-              }
+              icon={<UNDEFINED />}
               isInline={true}
               key="add-header-button"
               onClick={[Function]}
               variant="link"
             >
-              <ButtonBase
-                icon={
-                  <PlusCircleIcon
-                    color="currentColor"
-                    noVerticalAlign={false}
-                    size="sm"
-                  />
-                }
-                innerRef={null}
-                isInline={true}
-                onClick={[Function]}
-                variant="link"
-              >
-                <button
-                  aria-disabled={false}
-                  aria-label={null}
-                  className="pf-c-button pf-m-link pf-m-inline"
-                  data-ouia-component-id="OUIA-Generated-Button-link-2"
-                  data-ouia-component-type="PF4/Button"
-                  data-ouia-safe={true}
-                  disabled={false}
-                  onClick={[Function]}
-                  role={null}
-                  type="button"
-                >
-                  <span
-                    className="pf-c-button__icon pf-m-start"
-                  >
-                    <PlusCircleIcon
-                      color="currentColor"
-                      noVerticalAlign={false}
-                      size="sm"
-                    >
-                      <svg
-                        aria-hidden={true}
-                        aria-labelledby={null}
-                        fill="currentColor"
-                        height="1em"
-                        role="img"
-                        style={
-                          Object {
-                            "verticalAlign": "-0.125em",
-                          }
-                        }
-                        viewBox="0 0 512 512"
-                        width="1em"
-                      >
-                        <path
-                          d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
-                        />
-                      </svg>
-                    </PlusCircleIcon>
-                  </span>
-                  Add Header
-                </button>
-              </ButtonBase>
+              <MockedComponent />
             </Button>
           </div>
         </StackItem>
@@ -140,41 +79,7 @@ exports[`CloudEventCustomHeadersEditor tests Add headers 1`] = `
                       onChange={[Function]}
                       value="key"
                     >
-                      <TextInputBase
-                        aria-label={null}
-                        autoFocus={false}
-                        className=""
-                        id="header-key-0-input"
-                        innerRef={null}
-                        isDisabled={false}
-                        isIconSprite={false}
-                        isLeftTruncated={false}
-                        isReadOnly={false}
-                        isRequired={false}
-                        onChange={[Function]}
-                        ouiaSafe={true}
-                        type="text"
-                        validated="default"
-                        value="key"
-                      >
-                        <input
-                          aria-invalid={false}
-                          aria-label={null}
-                          autoFocus={false}
-                          className="pf-c-form-control"
-                          data-ouia-component-id="OUIA-Generated-TextInputBase-1"
-                          data-ouia-component-type="PF4/TextInput"
-                          data-ouia-safe={true}
-                          disabled={false}
-                          id="header-key-0-input"
-                          onBlur={[Function]}
-                          onChange={[Function]}
-                          onFocus={[Function]}
-                          required={false}
-                          type="text"
-                          value="key"
-                        />
-                      </TextInputBase>
+                      <MockedComponent />
                     </TextInput>
                   </div>
                 </GridItem>
@@ -190,39 +95,7 @@ exports[`CloudEventCustomHeadersEditor tests Add headers 1`] = `
                       onChange={[Function]}
                       value="value"
                     >
-                      <TextInputBase
-                        aria-label={null}
-                        className=""
-                        id="header-value-0-input"
-                        innerRef={null}
-                        isDisabled={false}
-                        isIconSprite={false}
-                        isLeftTruncated={false}
-                        isReadOnly={false}
-                        isRequired={false}
-                        onChange={[Function]}
-                        ouiaSafe={true}
-                        type="text"
-                        validated="default"
-                        value="value"
-                      >
-                        <input
-                          aria-invalid={false}
-                          aria-label={null}
-                          className="pf-c-form-control"
-                          data-ouia-component-id="OUIA-Generated-TextInputBase-2"
-                          data-ouia-component-type="PF4/TextInput"
-                          data-ouia-safe={true}
-                          disabled={false}
-                          id="header-value-0-input"
-                          onBlur={[Function]}
-                          onChange={[Function]}
-                          onFocus={[Function]}
-                          required={false}
-                          type="text"
-                          value="value"
-                        />
-                      </TextInputBase>
+                      <MockedComponent />
                     </TextInput>
                   </div>
                 </GridItem>
@@ -239,50 +112,7 @@ exports[`CloudEventCustomHeadersEditor tests Add headers 1`] = `
                       onClick={[Function]}
                       variant="plain"
                     >
-                      <ButtonBase
-                        aria-label="delete"
-                        innerRef={null}
-                        onClick={[Function]}
-                        variant="plain"
-                      >
-                        <button
-                          aria-disabled={false}
-                          aria-label="delete"
-                          className="pf-c-button pf-m-plain"
-                          data-ouia-component-id="OUIA-Generated-Button-plain-1"
-                          data-ouia-component-type="PF4/Button"
-                          data-ouia-safe={true}
-                          disabled={false}
-                          onClick={[Function]}
-                          role={null}
-                          type="button"
-                        >
-                          <TrashIcon
-                            color="currentColor"
-                            noVerticalAlign={false}
-                            size="sm"
-                          >
-                            <svg
-                              aria-hidden={true}
-                              aria-labelledby={null}
-                              fill="currentColor"
-                              height="1em"
-                              role="img"
-                              style={
-                                Object {
-                                  "verticalAlign": "-0.125em",
-                                }
-                              }
-                              viewBox="0 0 448 512"
-                              width="1em"
-                            >
-                              <path
-                                d="M432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zM53.2 467a48 48 0 0 0 47.9 45h245.8a48 48 0 0 0 47.9-45L416 128H32z"
-                              />
-                            </svg>
-                          </TrashIcon>
-                        </button>
-                      </ButtonBase>
+                      <MockedComponent />
                     </Button>
                   </div>
                 </GridItem>
@@ -313,74 +143,13 @@ exports[`CloudEventCustomHeadersEditor tests Snapshot - empty 1`] = `
             className="pf-l-stack__item"
           >
             <Button
-              icon={
-                <PlusCircleIcon
-                  color="currentColor"
-                  noVerticalAlign={false}
-                  size="sm"
-                />
-              }
+              icon={<UNDEFINED />}
               isInline={true}
               key="add-header-button"
               onClick={[Function]}
               variant="link"
             >
-              <ButtonBase
-                icon={
-                  <PlusCircleIcon
-                    color="currentColor"
-                    noVerticalAlign={false}
-                    size="sm"
-                  />
-                }
-                innerRef={null}
-                isInline={true}
-                onClick={[Function]}
-                variant="link"
-              >
-                <button
-                  aria-disabled={false}
-                  aria-label={null}
-                  className="pf-c-button pf-m-link pf-m-inline"
-                  data-ouia-component-id="OUIA-Generated-Button-link-1"
-                  data-ouia-component-type="PF4/Button"
-                  data-ouia-safe={true}
-                  disabled={false}
-                  onClick={[Function]}
-                  role={null}
-                  type="button"
-                >
-                  <span
-                    className="pf-c-button__icon pf-m-start"
-                  >
-                    <PlusCircleIcon
-                      color="currentColor"
-                      noVerticalAlign={false}
-                      size="sm"
-                    >
-                      <svg
-                        aria-hidden={true}
-                        aria-labelledby={null}
-                        fill="currentColor"
-                        height="1em"
-                        role="img"
-                        style={
-                          Object {
-                            "verticalAlign": "-0.125em",
-                          }
-                        }
-                        viewBox="0 0 512 512"
-                        width="1em"
-                      >
-                        <path
-                          d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"
-                        />
-                      </svg>
-                    </PlusCircleIcon>
-                  </span>
-                  Add Header
-                </button>
-              </ButtonBase>
+              <MockedComponent />
             </Button>
           </div>
         </StackItem>
diff --git a/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventFieldLabelIcon/tests/CloudEventFieldLabelIcon.test.tsx b/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventFieldLabelIcon/tests/CloudEventFieldLabelIcon.test.tsx
index 93f2b5bb04..8b429f7047 100644
--- a/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventFieldLabelIcon/tests/CloudEventFieldLabelIcon.test.tsx
+++ b/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventFieldLabelIcon/tests/CloudEventFieldLabelIcon.test.tsx
@@ -22,7 +22,7 @@ const MockedComponent = (): React.ReactElement => {
   return <></>;
 };
 
-jest.mock('@patternfly/react-icons', () =>
+jest.mock('@patternfly/react-icons/dist/esm/icons/help-icon', () =>
   Object.assign({}, jest.requireActual('@patternfly/react-icons'), {
     HelpIcon: () => {
       return <MockedComponent />;
@@ -30,7 +30,7 @@ jest.mock('@patternfly/react-icons', () =>
   })
 );
 
-jest.mock('@patternfly/react-core', () =>
+jest.mock('@patternfly/react-core/dist/js/components/Popover', () =>
   Object.assign({}, jest.requireActual('@patternfly/react-icons'), {
     Popover: () => {
       return <MockedComponent />;
diff --git a/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventFieldLabelIcon/tests/__snapshots__/CloudEventFieldLabelIcon.test.tsx.snap b/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventFieldLabelIcon/tests/__snapshots__/CloudEventFieldLabelIcon.test.tsx.snap
index a32314cf95..b467a03fea 100644
--- a/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventFieldLabelIcon/tests/__snapshots__/CloudEventFieldLabelIcon.test.tsx.snap
+++ b/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventFieldLabelIcon/tests/__snapshots__/CloudEventFieldLabelIcon.test.tsx.snap
@@ -27,155 +27,7 @@ exports[`CloudEventFieldLabelIcon tests default snapshot test - with header 1`]
     }
     id="cloudEvent-form-eventType-help"
   >
-    <Popper
-      appendTo={[Function]}
-      distance={25}
-      enableFlip={true}
-      flipBehavior={
-        Array [
-          "top",
-          "bottom",
-          "left",
-          "right",
-          "top-start",
-          "top-end",
-          "bottom-start",
-          "bottom-end",
-          "left-start",
-          "left-end",
-          "right-start",
-          "right-end",
-        ]
-      }
-      isVisible={false}
-      onDocumentClick={[Function]}
-      onDocumentKeyDown={[Function]}
-      onTriggerClick={[Function]}
-      placement="top"
-      popper={
-        <ForwardRef
-          active={false}
-          aria-describedby="popover-cloudEvent-form-eventType-help-body"
-          aria-label=""
-          aria-modal="true"
-          className="pf-c-popover"
-          focusTrapOptions={
-            Object {
-              "clickOutsideDeactivates": true,
-              "fallbackFocus": [Function],
-              "returnFocusOnDeactivate": true,
-              "tabbableOptions": Object {
-                "displayCheck": "none",
-              },
-            }
-          }
-          onMouseDown={[Function]}
-          preventScrollOnDeactivate={true}
-          role="dialog"
-          style={
-            Object {
-              "maxWidth": null,
-              "minWidth": null,
-              "opacity": 0,
-              "transition": "opacity 300ms cubic-bezier(.54, 1.5, .38, 1.11)",
-            }
-          }
-        >
-          <PopoverArrow />
-          <PopoverContent>
-            <PopoverCloseButton
-              aria-label="Close"
-              onClose={[Function]}
-            />
-            <PopoverBody
-              id="popover-cloudEvent-form-eventType-help-body"
-            >
-              <div>
-                <div>
-                  Sets the type of the cloud event.
-                </div>
-                <div>
-                  The value will be set in the
-                   
-                  <span
-                    className="pf-u-success-color-100"
-                  >
-                    'type'
-                  </span>
-                   
-                  header.
-                </div>
-              </div>
-            </PopoverBody>
-          </PopoverContent>
-        </ForwardRef>
-      }
-      popperMatchesTriggerWidth={false}
-      positionModifiers={
-        Object {
-          "bottom": "pf-m-bottom",
-          "bottom-end": "pf-m-bottom-right",
-          "bottom-start": "pf-m-bottom-left",
-          "left": "pf-m-left",
-          "left-end": "pf-m-left-bottom",
-          "left-start": "pf-m-left-top",
-          "right": "pf-m-right",
-          "right-end": "pf-m-right-bottom",
-          "right-start": "pf-m-right-top",
-          "top": "pf-m-top",
-          "top-end": "pf-m-top-right",
-          "top-start": "pf-m-top-left",
-        }
-      }
-      removeFindDomNode={false}
-      trigger={
-        <button
-          aria-label="More info for eventType field"
-          className="pf-c-form__group-label-help"
-          onClick={[Function]}
-          type="button"
-        >
-          <HelpIcon
-            color="currentColor"
-            noVerticalAlign={true}
-            size="sm"
-          />
-        </button>
-      }
-      zIndex={9999}
-    >
-      <FindRefWrapper
-        onFoundRef={[Function]}
-      >
-        <button
-          aria-label="More info for eventType field"
-          className="pf-c-form__group-label-help"
-          onClick={[Function]}
-          type="button"
-        >
-          <HelpIcon
-            color="currentColor"
-            noVerticalAlign={true}
-            size="sm"
-          >
-            <svg
-              aria-hidden={true}
-              aria-labelledby={null}
-              fill="currentColor"
-              height="1em"
-              role="img"
-              style={null}
-              viewBox="0 0 1024 1024"
-              width="1em"
-            >
-              <path
-                d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
-              />
-            </svg>
-          </HelpIcon>
-        </button>
-      </FindRefWrapper>
-    </Popper>
+    <MockedComponent />
   </Popover>
 </CloudEventFieldLabelIcon>
 `;
@@ -195,144 +47,7 @@ exports[`CloudEventFieldLabelIcon tests default snapshot test 1`] = `
     }
     id="cloudEvent-form-endpoint-help"
   >
-    <Popper
-      appendTo={[Function]}
-      distance={25}
-      enableFlip={true}
-      flipBehavior={
-        Array [
-          "top",
-          "bottom",
-          "left",
-          "right",
-          "top-start",
-          "top-end",
-          "bottom-start",
-          "bottom-end",
-          "left-start",
-          "left-end",
-          "right-start",
-          "right-end",
-        ]
-      }
-      isVisible={false}
-      onDocumentClick={[Function]}
-      onDocumentKeyDown={[Function]}
-      onTriggerClick={[Function]}
-      placement="top"
-      popper={
-        <ForwardRef
-          active={false}
-          aria-describedby="popover-cloudEvent-form-endpoint-help-body"
-          aria-label=""
-          aria-modal="true"
-          className="pf-c-popover"
-          focusTrapOptions={
-            Object {
-              "clickOutsideDeactivates": true,
-              "fallbackFocus": [Function],
-              "returnFocusOnDeactivate": true,
-              "tabbableOptions": Object {
-                "displayCheck": "none",
-              },
-            }
-          }
-          onMouseDown={[Function]}
-          preventScrollOnDeactivate={true}
-          role="dialog"
-          style={
-            Object {
-              "maxWidth": null,
-              "minWidth": null,
-              "opacity": 0,
-              "transition": "opacity 300ms cubic-bezier(.54, 1.5, .38, 1.11)",
-            }
-          }
-        >
-          <PopoverArrow />
-          <PopoverContent>
-            <PopoverCloseButton
-              aria-label="Close"
-              onClose={[Function]}
-            />
-            <PopoverBody
-              id="popover-cloudEvent-form-endpoint-help-body"
-            >
-              <div>
-                <div>
-                  Sets the endpoint and method where the CloudEvent should be triggered.
-                </div>
-              </div>
-            </PopoverBody>
-          </PopoverContent>
-        </ForwardRef>
-      }
-      popperMatchesTriggerWidth={false}
-      positionModifiers={
-        Object {
-          "bottom": "pf-m-bottom",
-          "bottom-end": "pf-m-bottom-right",
-          "bottom-start": "pf-m-bottom-left",
-          "left": "pf-m-left",
-          "left-end": "pf-m-left-bottom",
-          "left-start": "pf-m-left-top",
-          "right": "pf-m-right",
-          "right-end": "pf-m-right-bottom",
-          "right-start": "pf-m-right-top",
-          "top": "pf-m-top",
-          "top-end": "pf-m-top-right",
-          "top-start": "pf-m-top-left",
-        }
-      }
-      removeFindDomNode={false}
-      trigger={
-        <button
-          aria-label="More info for endpoint field"
-          className="pf-c-form__group-label-help"
-          onClick={[Function]}
-          type="button"
-        >
-          <HelpIcon
-            color="currentColor"
-            noVerticalAlign={true}
-            size="sm"
-          />
-        </button>
-      }
-      zIndex={9999}
-    >
-      <FindRefWrapper
-        onFoundRef={[Function]}
-      >
-        <button
-          aria-label="More info for endpoint field"
-          className="pf-c-form__group-label-help"
-          onClick={[Function]}
-          type="button"
-        >
-          <HelpIcon
-            color="currentColor"
-            noVerticalAlign={true}
-            size="sm"
-          >
-            <svg
-              aria-hidden={true}
-              aria-labelledby={null}
-              fill="currentColor"
-              height="1em"
-              role="img"
-              style={null}
-              viewBox="0 0 1024 1024"
-              width="1em"
-            >
-              <path
-                d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
-              />
-            </svg>
-          </HelpIcon>
-        </button>
-      </FindRefWrapper>
-    </Popper>
+    <MockedComponent />
   </Popover>
 </CloudEventFieldLabelIcon>
 `;
diff --git a/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventForm/tests/CloudEventForm.test.tsx b/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventForm/tests/CloudEventForm.test.tsx
index 0315e5e250..e260a971ac 100644
--- a/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventForm/tests/CloudEventForm.test.tsx
+++ b/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventForm/tests/CloudEventForm.test.tsx
@@ -50,20 +50,32 @@ jest.mock('@patternfly/react-icons', () =>
   })
 );
 
-jest.mock('@patternfly/react-core', () =>
+jest.mock('@patternfly/react-core/dist/js/components/Button', () =>
   Object.assign({}, jest.requireActual('@patternfly/react-core'), {
     Button: () => {
       return <MockedComponent />;
-    },
+    }
+  })
+);
+
+jest.mock('@patternfly/react-core/dist/js/components/Select', () =>
+  Object.assign({}, jest.requireActual('@patternfly/react-core'), {
     Select: () => {
       return <MockedComponent />;
     },
+    SelectVariant: {
+      single: 'single'
+    }
+  })
+);
+
+jest.mock('@patternfly/react-core/dist/js/components/TextInput', () =>
+  Object.assign({}, jest.requireActual('@patternfly/react-core'), {
     TextInput: () => {
       return <MockedComponent />;
     }
   })
 );
-
 jest.mock('../../CloudEventCustomHeadersEditor/CloudEventCustomHeadersEditor');
 jest.mock('../../CloudEventFieldLabelIcon/CloudEventFieldLabelIcon');
 
diff --git a/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventForm/tests/__snapshots__/CloudEventForm.test.tsx.snap b/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventForm/tests/__snapshots__/CloudEventForm.test.tsx.snap
index a3d044b192..f3b8c1a370 100644
--- a/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventForm/tests/__snapshots__/CloudEventForm.test.tsx.snap
+++ b/ui-packages/packages/cloud-event-form/src/envelope/components/CloudEventForm/tests/__snapshots__/CloudEventForm.test.tsx.snap
@@ -88,323 +88,24 @@ exports[`CloudEventForm tests Snapshot - new instance -  default values 1`] = `
                       className="pf-c-input-group"
                     >
                       <Select
-                        aria-describedby=""
-                        aria-invalid={false}
-                        aria-label=""
-                        aria-labelledby=""
-                        chipGroupComponent={null}
-                        className=""
-                        clearSelectionsAriaLabel="Clear all"
-                        createText="Create"
-                        customBadgeText={null}
-                        customContent={null}
-                        direction="down"
-                        favorites={Array []}
-                        favoritesLabel="Favorites"
-                        hasInlineFilter={false}
-                        hasPlaceholderStyle={false}
                         id="method"
-                        inlineFilterPlaceholderText={null}
-                        inputAutoComplete="off"
-                        inputIdPrefix=""
-                        isCreatable={false}
-                        isCreateOptionOnTop={false}
-                        isCreateSelectOptionObject={false}
-                        isDisabled={false}
-                        isFlipEnabled={true}
-                        isGrouped={false}
-                        isInputFilterPersisted={false}
-                        isInputValuePersisted={false}
                         isOpen={false}
-                        isPlain={false}
-                        key=".0"
-                        menuAppendTo="inline"
-                        noResultsFoundText="No results found"
-                        onClear={[Function]}
-                        onCreateOption={[Function]}
-                        onFilter={null}
                         onSelect={[Function]}
                         onToggle={[Function]}
-                        onTypeaheadInputChanged={null}
-                        ouiaSafe={true}
-                        placeholderText=""
-                        position="left"
-                        removeFindDomNode={false}
-                        removeSelectionAriaLabel="Remove"
                         selections="POST"
-                        shouldResetOnSelect={true}
-                        toggleAriaLabel="Options menu"
-                        toggleIcon={null}
-                        toggleId={null}
-                        toggleIndicator={null}
-                        typeAheadAriaDescribedby=""
-                        typeAheadAriaLabel=""
-                        validated="default"
                         variant="single"
                         width="100px"
-                        zIndex={9999}
                       >
-                        <GenerateId
-                          prefix="pf-random-id-"
-                        >
-                          <div
-                            className="pf-c-select"
-                            data-ouia-component-id="OUIA-Generated-Select-single-2"
-                            data-ouia-component-type="PF4/Select"
-                            data-ouia-safe={true}
-                            style={
-                              Object {
-                                "width": "100px",
-                              }
-                            }
-                          >
-                            <ForwardRef
-                              aria-label="Options menu"
-                              aria-labelledby=" pf-select-toggle-id-2"
-                              handleTypeaheadKeys={[Function]}
-                              hasClearButton={false}
-                              hasFooter={false}
-                              hasPlaceholderStyle={false}
-                              id="pf-select-toggle-id-2"
-                              isDisabled={false}
-                              isOpen={false}
-                              isPlain={false}
-                              menuRef={
-                                Object {
-                                  "current": null,
-                                }
-                              }
-                              moveFocusToLastMenuItem={[Function]}
-                              onClickTypeaheadToggleButton={[Function]}
-                              onClose={[Function]}
-                              onEnter={[Function]}
-                              onToggle={[Function]}
-                              parentRef={
-                                Object {
-                                  "current": <div
-                                    class="pf-c-select"
-                                    data-ouia-component-id="OUIA-Generated-Select-single-2"
-                                    data-ouia-component-type="PF4/Select"
-                                    data-ouia-safe="true"
-                                    style="width: 100px;"
-                                  >
-                                    <button
-                                      aria-expanded="false"
-                                      aria-haspopup="listbox"
-                                      aria-label="Options menu"
-                                      aria-labelledby=" pf-select-toggle-id-2"
-                                      class="pf-c-select__toggle"
-                                      id="pf-select-toggle-id-2"
-                                      type="button"
-                                    >
-                                      <div
-                                        class="pf-c-select__toggle-wrapper"
-                                      >
-                                        <span
-                                          class="pf-c-select__toggle-text"
-                                        >
-                                          POST
-                                        </span>
-                                      </div>
-                                      <span
-                                        class="pf-c-select__toggle-arrow"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          fill="currentColor"
-                                          height="1em"
-                                          role="img"
-                                          style="vertical-align: -0.125em;"
-                                          viewBox="0 0 320 512"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </div>,
-                                }
-                              }
-                              toggleIndicator={null}
-                              variant="single"
-                            >
-                              <SelectToggle
-                                aria-label="Options menu"
-                                aria-labelledby=" pf-select-toggle-id-2"
-                                className=""
-                                handleTypeaheadKeys={[Function]}
-                                hasClearButton={false}
-                                hasFooter={false}
-                                hasPlaceholderStyle={false}
-                                id="pf-select-toggle-id-2"
-                                innerRef={null}
-                                isActive={false}
-                                isDisabled={false}
-                                isOpen={false}
-                                isPlain={false}
-                                menuRef={
-                                  Object {
-                                    "current": null,
-                                  }
-                                }
-                                moveFocusToLastMenuItem={[Function]}
-                                onClickTypeaheadToggleButton={[Function]}
-                                onClose={[Function]}
-                                onEnter={[Function]}
-                                onToggle={[Function]}
-                                parentRef={
-                                  Object {
-                                    "current": <div
-                                      class="pf-c-select"
-                                      data-ouia-component-id="OUIA-Generated-Select-single-2"
-                                      data-ouia-component-type="PF4/Select"
-                                      data-ouia-safe="true"
-                                      style="width: 100px;"
-                                    >
-                                      <button
-                                        aria-expanded="false"
-                                        aria-haspopup="listbox"
-                                        aria-label="Options menu"
-                                        aria-labelledby=" pf-select-toggle-id-2"
-                                        class="pf-c-select__toggle"
-                                        id="pf-select-toggle-id-2"
-                                        type="button"
-                                      >
-                                        <div
-                                          class="pf-c-select__toggle-wrapper"
-                                        >
-                                          <span
-                                            class="pf-c-select__toggle-text"
-                                          >
-                                            POST
-                                          </span>
-                                        </div>
-                                        <span
-                                          class="pf-c-select__toggle-arrow"
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            fill="currentColor"
-                                            height="1em"
-                                            role="img"
-                                            style="vertical-align: -0.125em;"
-                                            viewBox="0 0 320 512"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                                            />
-                                          </svg>
-                                        </span>
-                                      </button>
-                                    </div>,
-                                  }
-                                }
-                                toggleIndicator={null}
-                                type="button"
-                                variant="single"
-                              >
-                                <button
-                                  aria-expanded={false}
-                                  aria-haspopup="listbox"
-                                  aria-label="Options menu"
-                                  aria-labelledby=" pf-select-toggle-id-2"
-                                  className="pf-c-select__toggle"
-                                  disabled={false}
-                                  id="pf-select-toggle-id-2"
-                                  onClick={[Function]}
-                                  onKeyDown={[Function]}
-                                  type="button"
-                                >
-                                  <div
-                                    className="pf-c-select__toggle-wrapper"
-                                  >
-                                    <span
-                                      className="pf-c-select__toggle-text"
-                                    >
-                                      POST
-                                    </span>
-                                  </div>
-                                  <span
-                                    className="pf-c-select__toggle-arrow"
-                                  >
-                                    <CaretDownIcon
-                                      color="currentColor"
-                                      noVerticalAlign={false}
-                                      size="sm"
-                                    >
-                                      <svg
-                                        aria-hidden={true}
-                                        aria-labelledby={null}
-                                        fill="currentColor"
-                                        height="1em"
-                                        role="img"
-                                        style={
-                                          Object {
-                                            "verticalAlign": "-0.125em",
-                                          }
-                                        }
-                                        viewBox="0 0 320 512"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                                        />
-                                      </svg>
-                                    </CaretDownIcon>
-                                  </span>
-                                </button>
-                              </SelectToggle>
-                            </ForwardRef>
-                          </div>
-                        </GenerateId>
+                        <MockedComponent />
                       </Select>
                       <TextInput
-                        aria-describedby="method"
                         id="endpoint"
                         isRequired={true}
-                        key=".1"
                         onChange={[Function]}
                         validated="default"
                         value="/"
                       >
-                        <TextInputBase
-                          aria-describedby="method"
-                          aria-label={null}
-                          className=""
-                          id="endpoint"
-                          innerRef={null}
-                          isDisabled={false}
-                          isIconSprite={false}
-                          isLeftTruncated={false}
-                          isReadOnly={false}
-                          isRequired={true}
-                          onChange={[Function]}
-                          ouiaSafe={true}
-                          type="text"
-                          validated="default"
-                          value="/"
-                        >
-                          <input
-                            aria-describedby="method"
-                            aria-invalid={false}
-                            aria-label={null}
-                            className="pf-c-form-control"
-                            data-ouia-component-id="OUIA-Generated-TextInputBase-5"
-                            data-ouia-component-type="PF4/TextInput"
-                            data-ouia-safe={true}
-                            disabled={false}
-                            id="endpoint"
-                            onBlur={[Function]}
-                            onChange={[Function]}
-                            onFocus={[Function]}
-                            required={true}
-                            type="text"
-                            value="/"
-                          />
-                        </TextInputBase>
+                        <MockedComponent />
                       </TextInput>
                     </div>
                   </InputGroup>
@@ -476,39 +177,7 @@ exports[`CloudEventForm tests Snapshot - new instance -  default values 1`] = `
                     validated="default"
                     value=""
                   >
-                    <TextInputBase
-                      aria-label={null}
-                      className=""
-                      id="eventType"
-                      innerRef={null}
-                      isDisabled={false}
-                      isIconSprite={false}
-                      isLeftTruncated={false}
-                      isReadOnly={false}
-                      isRequired={true}
-                      onChange={[Function]}
-                      ouiaSafe={true}
-                      type="text"
-                      validated="default"
-                      value=""
-                    >
-                      <input
-                        aria-invalid={false}
-                        aria-label={null}
-                        className="pf-c-form-control"
-                        data-ouia-component-id="OUIA-Generated-TextInputBase-6"
-                        data-ouia-component-type="PF4/TextInput"
-                        data-ouia-safe={true}
-                        disabled={false}
-                        id="eventType"
-                        onBlur={[Function]}
-                        onChange={[Function]}
-                        onFocus={[Function]}
-                        required={true}
-                        type="text"
-                        value=""
-                      />
-                    </TextInputBase>
+                    <MockedComponent />
                   </TextInput>
                 </div>
               </div>
@@ -561,39 +230,7 @@ exports[`CloudEventForm tests Snapshot - new instance -  default values 1`] = `
                     type="text"
                     value="/test/source"
                   >
-                    <TextInputBase
-                      aria-label={null}
-                      className=""
-                      id="eventSource"
-                      innerRef={null}
-                      isDisabled={false}
-                      isIconSprite={false}
-                      isLeftTruncated={false}
-                      isReadOnly={false}
-                      isRequired={true}
-                      onChange={[Function]}
-                      ouiaSafe={true}
-                      type="text"
-                      validated="default"
-                      value="/test/source"
-                    >
-                      <input
-                        aria-invalid={false}
-                        aria-label={null}
-                        className="pf-c-form-control"
-                        data-ouia-component-id="OUIA-Generated-TextInputBase-7"
-                        data-ouia-component-type="PF4/TextInput"
-                        data-ouia-safe={true}
-                        disabled={false}
-                        id="eventSource"
-                        onBlur={[Function]}
-                        onChange={[Function]}
-                        onFocus={[Function]}
-                        required={true}
-                        type="text"
-                        value="/test/source"
-                      />
-                    </TextInputBase>
+                    <MockedComponent />
                   </TextInput>
                 </div>
               </div>
@@ -646,39 +283,7 @@ exports[`CloudEventForm tests Snapshot - new instance -  default values 1`] = `
                     type="text"
                     value=""
                   >
-                    <TextInputBase
-                      aria-label={null}
-                      className=""
-                      id="businessKey"
-                      innerRef={null}
-                      isDisabled={false}
-                      isIconSprite={false}
-                      isLeftTruncated={false}
-                      isReadOnly={false}
-                      isRequired={true}
-                      onChange={[Function]}
-                      ouiaSafe={true}
-                      type="text"
-                      validated="default"
-                      value=""
-                    >
-                      <input
-                        aria-invalid={false}
-                        aria-label={null}
-                        className="pf-c-form-control"
-                        data-ouia-component-id="OUIA-Generated-TextInputBase-8"
-                        data-ouia-component-type="PF4/TextInput"
-                        data-ouia-safe={true}
-                        disabled={false}
-                        id="businessKey"
-                        onBlur={[Function]}
-                        onChange={[Function]}
-                        onFocus={[Function]}
-                        required={true}
-                        type="text"
-                        value=""
-                      />
-                    </TextInputBase>
+                    <MockedComponent />
                   </TextInput>
                 </div>
               </div>
@@ -838,52 +443,14 @@ exports[`CloudEventForm tests Snapshot - new instance -  default values 1`] = `
                 onClick={[Function]}
                 variant="primary"
               >
-                <ButtonBase
-                  innerRef={null}
-                  onClick={[Function]}
-                  variant="primary"
-                >
-                  <button
-                    aria-disabled={false}
-                    aria-label={null}
-                    className="pf-c-button pf-m-primary"
-                    data-ouia-component-id="OUIA-Generated-Button-primary-2"
-                    data-ouia-component-type="PF4/Button"
-                    data-ouia-safe={true}
-                    disabled={false}
-                    onClick={[Function]}
-                    role={null}
-                    type="button"
-                  >
-                    Trigger
-                  </button>
-                </ButtonBase>
+                <MockedComponent />
               </Button>
               <Button
                 key="resetCloudEventFormButton"
                 onClick={[Function]}
                 variant="secondary"
               >
-                <ButtonBase
-                  innerRef={null}
-                  onClick={[Function]}
-                  variant="secondary"
-                >
-                  <button
-                    aria-disabled={false}
-                    aria-label={null}
-                    className="pf-c-button pf-m-secondary"
-                    data-ouia-component-id="OUIA-Generated-Button-secondary-2"
-                    data-ouia-component-type="PF4/Button"
-                    data-ouia-safe={true}
-                    disabled={false}
-                    onClick={[Function]}
-                    role={null}
-                    type="button"
-                  >
-                    Reset
-                  </button>
-                </ButtonBase>
+                <MockedComponent />
               </Button>
             </div>
           </ActionListGroup>
@@ -977,323 +544,24 @@ exports[`CloudEventForm tests Snapshot - new instance 1`] = `
                       className="pf-c-input-group"
                     >
                       <Select
-                        aria-describedby=""
-                        aria-invalid={false}
-                        aria-label=""
-                        aria-labelledby=""
-                        chipGroupComponent={null}
-                        className=""
-                        clearSelectionsAriaLabel="Clear all"
-                        createText="Create"
-                        customBadgeText={null}
-                        customContent={null}
-                        direction="down"
-                        favorites={Array []}
-                        favoritesLabel="Favorites"
-                        hasInlineFilter={false}
-                        hasPlaceholderStyle={false}
                         id="method"
-                        inlineFilterPlaceholderText={null}
-                        inputAutoComplete="off"
-                        inputIdPrefix=""
-                        isCreatable={false}
-                        isCreateOptionOnTop={false}
-                        isCreateSelectOptionObject={false}
-                        isDisabled={false}
-                        isFlipEnabled={true}
-                        isGrouped={false}
-                        isInputFilterPersisted={false}
-                        isInputValuePersisted={false}
                         isOpen={false}
-                        isPlain={false}
-                        key=".0"
-                        menuAppendTo="inline"
-                        noResultsFoundText="No results found"
-                        onClear={[Function]}
-                        onCreateOption={[Function]}
-                        onFilter={null}
                         onSelect={[Function]}
                         onToggle={[Function]}
-                        onTypeaheadInputChanged={null}
-                        ouiaSafe={true}
-                        placeholderText=""
-                        position="left"
-                        removeFindDomNode={false}
-                        removeSelectionAriaLabel="Remove"
                         selections="POST"
-                        shouldResetOnSelect={true}
-                        toggleAriaLabel="Options menu"
-                        toggleIcon={null}
-                        toggleId={null}
-                        toggleIndicator={null}
-                        typeAheadAriaDescribedby=""
-                        typeAheadAriaLabel=""
-                        validated="default"
                         variant="single"
                         width="100px"
-                        zIndex={9999}
                       >
-                        <GenerateId
-                          prefix="pf-random-id-"
-                        >
-                          <div
-                            className="pf-c-select"
-                            data-ouia-component-id="OUIA-Generated-Select-single-1"
-                            data-ouia-component-type="PF4/Select"
-                            data-ouia-safe={true}
-                            style={
-                              Object {
-                                "width": "100px",
-                              }
-                            }
-                          >
-                            <ForwardRef
-                              aria-label="Options menu"
-                              aria-labelledby=" pf-select-toggle-id-0"
-                              handleTypeaheadKeys={[Function]}
-                              hasClearButton={false}
-                              hasFooter={false}
-                              hasPlaceholderStyle={false}
-                              id="pf-select-toggle-id-0"
-                              isDisabled={false}
-                              isOpen={false}
-                              isPlain={false}
-                              menuRef={
-                                Object {
-                                  "current": null,
-                                }
-                              }
-                              moveFocusToLastMenuItem={[Function]}
-                              onClickTypeaheadToggleButton={[Function]}
-                              onClose={[Function]}
-                              onEnter={[Function]}
-                              onToggle={[Function]}
-                              parentRef={
-                                Object {
-                                  "current": <div
-                                    class="pf-c-select"
-                                    data-ouia-component-id="OUIA-Generated-Select-single-1"
-                                    data-ouia-component-type="PF4/Select"
-                                    data-ouia-safe="true"
-                                    style="width: 100px;"
-                                  >
-                                    <button
-                                      aria-expanded="false"
-                                      aria-haspopup="listbox"
-                                      aria-label="Options menu"
-                                      aria-labelledby=" pf-select-toggle-id-0"
-                                      class="pf-c-select__toggle"
-                                      id="pf-select-toggle-id-0"
-                                      type="button"
-                                    >
-                                      <div
-                                        class="pf-c-select__toggle-wrapper"
-                                      >
-                                        <span
-                                          class="pf-c-select__toggle-text"
-                                        >
-                                          POST
-                                        </span>
-                                      </div>
-                                      <span
-                                        class="pf-c-select__toggle-arrow"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          fill="currentColor"
-                                          height="1em"
-                                          role="img"
-                                          style="vertical-align: -0.125em;"
-                                          viewBox="0 0 320 512"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </div>,
-                                }
-                              }
-                              toggleIndicator={null}
-                              variant="single"
-                            >
-                              <SelectToggle
-                                aria-label="Options menu"
-                                aria-labelledby=" pf-select-toggle-id-0"
-                                className=""
-                                handleTypeaheadKeys={[Function]}
-                                hasClearButton={false}
-                                hasFooter={false}
-                                hasPlaceholderStyle={false}
-                                id="pf-select-toggle-id-0"
-                                innerRef={null}
-                                isActive={false}
-                                isDisabled={false}
-                                isOpen={false}
-                                isPlain={false}
-                                menuRef={
-                                  Object {
-                                    "current": null,
-                                  }
-                                }
-                                moveFocusToLastMenuItem={[Function]}
-                                onClickTypeaheadToggleButton={[Function]}
-                                onClose={[Function]}
-                                onEnter={[Function]}
-                                onToggle={[Function]}
-                                parentRef={
-                                  Object {
-                                    "current": <div
-                                      class="pf-c-select"
-                                      data-ouia-component-id="OUIA-Generated-Select-single-1"
-                                      data-ouia-component-type="PF4/Select"
-                                      data-ouia-safe="true"
-                                      style="width: 100px;"
-                                    >
-                                      <button
-                                        aria-expanded="false"
-                                        aria-haspopup="listbox"
-                                        aria-label="Options menu"
-                                        aria-labelledby=" pf-select-toggle-id-0"
-                                        class="pf-c-select__toggle"
-                                        id="pf-select-toggle-id-0"
-                                        type="button"
-                                      >
-                                        <div
-                                          class="pf-c-select__toggle-wrapper"
-                                        >
-                                          <span
-                                            class="pf-c-select__toggle-text"
-                                          >
-                                            POST
-                                          </span>
-                                        </div>
-                                        <span
-                                          class="pf-c-select__toggle-arrow"
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            fill="currentColor"
-                                            height="1em"
-                                            role="img"
-                                            style="vertical-align: -0.125em;"
-                                            viewBox="0 0 320 512"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                                            />
-                                          </svg>
-                                        </span>
-                                      </button>
-                                    </div>,
-                                  }
-                                }
-                                toggleIndicator={null}
-                                type="button"
-                                variant="single"
-                              >
-                                <button
-                                  aria-expanded={false}
-                                  aria-haspopup="listbox"
-                                  aria-label="Options menu"
-                                  aria-labelledby=" pf-select-toggle-id-0"
-                                  className="pf-c-select__toggle"
-                                  disabled={false}
-                                  id="pf-select-toggle-id-0"
-                                  onClick={[Function]}
-                                  onKeyDown={[Function]}
-                                  type="button"
-                                >
-                                  <div
-                                    className="pf-c-select__toggle-wrapper"
-                                  >
-                                    <span
-                                      className="pf-c-select__toggle-text"
-                                    >
-                                      POST
-                                    </span>
-                                  </div>
-                                  <span
-                                    className="pf-c-select__toggle-arrow"
-                                  >
-                                    <CaretDownIcon
-                                      color="currentColor"
-                                      noVerticalAlign={false}
-                                      size="sm"
-                                    >
-                                      <svg
-                                        aria-hidden={true}
-                                        aria-labelledby={null}
-                                        fill="currentColor"
-                                        height="1em"
-                                        role="img"
-                                        style={
-                                          Object {
-                                            "verticalAlign": "-0.125em",
-                                          }
-                                        }
-                                        viewBox="0 0 320 512"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                                        />
-                                      </svg>
-                                    </CaretDownIcon>
-                                  </span>
-                                </button>
-                              </SelectToggle>
-                            </ForwardRef>
-                          </div>
-                        </GenerateId>
+                        <MockedComponent />
                       </Select>
                       <TextInput
-                        aria-describedby="method"
                         id="endpoint"
                         isRequired={true}
-                        key=".1"
                         onChange={[Function]}
                         validated="default"
                         value="/"
                       >
-                        <TextInputBase
-                          aria-describedby="method"
-                          aria-label={null}
-                          className=""
-                          id="endpoint"
-                          innerRef={null}
-                          isDisabled={false}
-                          isIconSprite={false}
-                          isLeftTruncated={false}
-                          isReadOnly={false}
-                          isRequired={true}
-                          onChange={[Function]}
-                          ouiaSafe={true}
-                          type="text"
-                          validated="default"
-                          value="/"
-                        >
-                          <input
-                            aria-describedby="method"
-                            aria-invalid={false}
-                            aria-label={null}
-                            className="pf-c-form-control"
-                            data-ouia-component-id="OUIA-Generated-TextInputBase-1"
-                            data-ouia-component-type="PF4/TextInput"
-                            data-ouia-safe={true}
-                            disabled={false}
-                            id="endpoint"
-                            onBlur={[Function]}
-                            onChange={[Function]}
-                            onFocus={[Function]}
-                            required={true}
-                            type="text"
-                            value="/"
-                          />
-                        </TextInputBase>
+                        <MockedComponent />
                       </TextInput>
                     </div>
                   </InputGroup>
@@ -1365,39 +633,7 @@ exports[`CloudEventForm tests Snapshot - new instance 1`] = `
                     validated="default"
                     value=""
                   >
-                    <TextInputBase
-                      aria-label={null}
-                      className=""
-                      id="eventType"
-                      innerRef={null}
-                      isDisabled={false}
-                      isIconSprite={false}
-                      isLeftTruncated={false}
-                      isReadOnly={false}
-                      isRequired={true}
-                      onChange={[Function]}
-                      ouiaSafe={true}
-                      type="text"
-                      validated="default"
-                      value=""
-                    >
-                      <input
-                        aria-invalid={false}
-                        aria-label={null}
-                        className="pf-c-form-control"
-                        data-ouia-component-id="OUIA-Generated-TextInputBase-2"
-                        data-ouia-component-type="PF4/TextInput"
-                        data-ouia-safe={true}
-                        disabled={false}
-                        id="eventType"
-                        onBlur={[Function]}
-                        onChange={[Function]}
-                        onFocus={[Function]}
-                        required={true}
-                        type="text"
-                        value=""
-                      />
-                    </TextInputBase>
+                    <MockedComponent />
                   </TextInput>
                 </div>
               </div>
@@ -1450,39 +686,7 @@ exports[`CloudEventForm tests Snapshot - new instance 1`] = `
                     type="text"
                     value="/from/form"
                   >
-                    <TextInputBase
-                      aria-label={null}
-                      className=""
-                      id="eventSource"
-                      innerRef={null}
-                      isDisabled={false}
-                      isIconSprite={false}
-                      isLeftTruncated={false}
-                      isReadOnly={false}
-                      isRequired={true}
-                      onChange={[Function]}
-                      ouiaSafe={true}
-                      type="text"
-                      validated="default"
-                      value="/from/form"
-                    >
-                      <input
-                        aria-invalid={false}
-                        aria-label={null}
-                        className="pf-c-form-control"
-                        data-ouia-component-id="OUIA-Generated-TextInputBase-3"
-                        data-ouia-component-type="PF4/TextInput"
-                        data-ouia-safe={true}
-                        disabled={false}
-                        id="eventSource"
-                        onBlur={[Function]}
-                        onChange={[Function]}
-                        onFocus={[Function]}
-                        required={true}
-                        type="text"
-                        value="/from/form"
-                      />
-                    </TextInputBase>
+                    <MockedComponent />
                   </TextInput>
                 </div>
               </div>
@@ -1535,39 +739,7 @@ exports[`CloudEventForm tests Snapshot - new instance 1`] = `
                     type="text"
                     value=""
                   >
-                    <TextInputBase
-                      aria-label={null}
-                      className=""
-                      id="businessKey"
-                      innerRef={null}
-                      isDisabled={false}
-                      isIconSprite={false}
-                      isLeftTruncated={false}
-                      isReadOnly={false}
-                      isRequired={true}
-                      onChange={[Function]}
-                      ouiaSafe={true}
-                      type="text"
-                      validated="default"
-                      value=""
-                    >
-                      <input
-                        aria-invalid={false}
-                        aria-label={null}
-                        className="pf-c-form-control"
-                        data-ouia-component-id="OUIA-Generated-TextInputBase-4"
-                        data-ouia-component-type="PF4/TextInput"
-                        data-ouia-safe={true}
-                        disabled={false}
-                        id="businessKey"
-                        onBlur={[Function]}
-                        onChange={[Function]}
-                        onFocus={[Function]}
-                        required={true}
-                        type="text"
-                        value=""
-                      />
-                    </TextInputBase>
+                    <MockedComponent />
                   </TextInput>
                 </div>
               </div>
@@ -1727,52 +899,14 @@ exports[`CloudEventForm tests Snapshot - new instance 1`] = `
                 onClick={[Function]}
                 variant="primary"
               >
-                <ButtonBase
-                  innerRef={null}
-                  onClick={[Function]}
-                  variant="primary"
-                >
-                  <button
-                    aria-disabled={false}
-                    aria-label={null}
-                    className="pf-c-button pf-m-primary"
-                    data-ouia-component-id="OUIA-Generated-Button-primary-1"
-                    data-ouia-component-type="PF4/Button"
-                    data-ouia-safe={true}
-                    disabled={false}
-                    onClick={[Function]}
-                    role={null}
-                    type="button"
-                  >
-                    Trigger
-                  </button>
-                </ButtonBase>
+                <MockedComponent />
               </Button>
               <Button
                 key="resetCloudEventFormButton"
                 onClick={[Function]}
                 variant="secondary"
               >
-                <ButtonBase
-                  innerRef={null}
-                  onClick={[Function]}
-                  variant="secondary"
-                >
-                  <button
-                    aria-disabled={false}
-                    aria-label={null}
-                    className="pf-c-button pf-m-secondary"
-                    data-ouia-component-id="OUIA-Generated-Button-secondary-1"
-                    data-ouia-component-type="PF4/Button"
-                    data-ouia-safe={true}
-                    disabled={false}
-                    onClick={[Function]}
-                    role={null}
-                    type="button"
-                  >
-                    Reset
-                  </button>
-                </ButtonBase>
+                <MockedComponent />
               </Button>
             </div>
           </ActionListGroup>
@@ -1871,323 +1005,24 @@ exports[`CloudEventForm tests Snapshot - send cloud event -  default values 1`]
                       className="pf-c-input-group"
                     >
                       <Select
-                        aria-describedby=""
-                        aria-invalid={false}
-                        aria-label=""
-                        aria-labelledby=""
-                        chipGroupComponent={null}
-                        className=""
-                        clearSelectionsAriaLabel="Clear all"
-                        createText="Create"
-                        customBadgeText={null}
-                        customContent={null}
-                        direction="down"
-                        favorites={Array []}
-                        favoritesLabel="Favorites"
-                        hasInlineFilter={false}
-                        hasPlaceholderStyle={false}
                         id="method"
-                        inlineFilterPlaceholderText={null}
-                        inputAutoComplete="off"
-                        inputIdPrefix=""
-                        isCreatable={false}
-                        isCreateOptionOnTop={false}
-                        isCreateSelectOptionObject={false}
-                        isDisabled={false}
-                        isFlipEnabled={true}
-                        isGrouped={false}
-                        isInputFilterPersisted={false}
-                        isInputValuePersisted={false}
                         isOpen={false}
-                        isPlain={false}
-                        key=".0"
-                        menuAppendTo="inline"
-                        noResultsFoundText="No results found"
-                        onClear={[Function]}
-                        onCreateOption={[Function]}
-                        onFilter={null}
                         onSelect={[Function]}
                         onToggle={[Function]}
-                        onTypeaheadInputChanged={null}
-                        ouiaSafe={true}
-                        placeholderText=""
-                        position="left"
-                        removeFindDomNode={false}
-                        removeSelectionAriaLabel="Remove"
                         selections="POST"
-                        shouldResetOnSelect={true}
-                        toggleAriaLabel="Options menu"
-                        toggleIcon={null}
-                        toggleId={null}
-                        toggleIndicator={null}
-                        typeAheadAriaDescribedby=""
-                        typeAheadAriaLabel=""
-                        validated="default"
                         variant="single"
                         width="100px"
-                        zIndex={9999}
                       >
-                        <GenerateId
-                          prefix="pf-random-id-"
-                        >
-                          <div
-                            className="pf-c-select"
-                            data-ouia-component-id="OUIA-Generated-Select-single-4"
-                            data-ouia-component-type="PF4/Select"
-                            data-ouia-safe={true}
-                            style={
-                              Object {
-                                "width": "100px",
-                              }
-                            }
-                          >
-                            <ForwardRef
-                              aria-label="Options menu"
-                              aria-labelledby=" pf-select-toggle-id-5"
-                              handleTypeaheadKeys={[Function]}
-                              hasClearButton={false}
-                              hasFooter={false}
-                              hasPlaceholderStyle={false}
-                              id="pf-select-toggle-id-5"
-                              isDisabled={false}
-                              isOpen={false}
-                              isPlain={false}
-                              menuRef={
-                                Object {
-                                  "current": null,
-                                }
-                              }
-                              moveFocusToLastMenuItem={[Function]}
-                              onClickTypeaheadToggleButton={[Function]}
-                              onClose={[Function]}
-                              onEnter={[Function]}
-                              onToggle={[Function]}
-                              parentRef={
-                                Object {
-                                  "current": <div
-                                    class="pf-c-select"
-                                    data-ouia-component-id="OUIA-Generated-Select-single-4"
-                                    data-ouia-component-type="PF4/Select"
-                                    data-ouia-safe="true"
-                                    style="width: 100px;"
-                                  >
-                                    <button
-                                      aria-expanded="false"
-                                      aria-haspopup="listbox"
-                                      aria-label="Options menu"
-                                      aria-labelledby=" pf-select-toggle-id-5"
-                                      class="pf-c-select__toggle"
-                                      id="pf-select-toggle-id-5"
-                                      type="button"
-                                    >
-                                      <div
-                                        class="pf-c-select__toggle-wrapper"
-                                      >
-                                        <span
-                                          class="pf-c-select__toggle-text"
-                                        >
-                                          POST
-                                        </span>
-                                      </div>
-                                      <span
-                                        class="pf-c-select__toggle-arrow"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          fill="currentColor"
-                                          height="1em"
-                                          role="img"
-                                          style="vertical-align: -0.125em;"
-                                          viewBox="0 0 320 512"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </div>,
-                                }
-                              }
-                              toggleIndicator={null}
-                              variant="single"
-                            >
-                              <SelectToggle
-                                aria-label="Options menu"
-                                aria-labelledby=" pf-select-toggle-id-5"
-                                className=""
-                                handleTypeaheadKeys={[Function]}
-                                hasClearButton={false}
-                                hasFooter={false}
-                                hasPlaceholderStyle={false}
-                                id="pf-select-toggle-id-5"
-                                innerRef={null}
-                                isActive={false}
-                                isDisabled={false}
-                                isOpen={false}
-                                isPlain={false}
-                                menuRef={
-                                  Object {
-                                    "current": null,
-                                  }
-                                }
-                                moveFocusToLastMenuItem={[Function]}
-                                onClickTypeaheadToggleButton={[Function]}
-                                onClose={[Function]}
-                                onEnter={[Function]}
-                                onToggle={[Function]}
-                                parentRef={
-                                  Object {
-                                    "current": <div
-                                      class="pf-c-select"
-                                      data-ouia-component-id="OUIA-Generated-Select-single-4"
-                                      data-ouia-component-type="PF4/Select"
-                                      data-ouia-safe="true"
-                                      style="width: 100px;"
-                                    >
-                                      <button
-                                        aria-expanded="false"
-                                        aria-haspopup="listbox"
-                                        aria-label="Options menu"
-                                        aria-labelledby=" pf-select-toggle-id-5"
-                                        class="pf-c-select__toggle"
-                                        id="pf-select-toggle-id-5"
-                                        type="button"
-                                      >
-                                        <div
-                                          class="pf-c-select__toggle-wrapper"
-                                        >
-                                          <span
-                                            class="pf-c-select__toggle-text"
-                                          >
-                                            POST
-                                          </span>
-                                        </div>
-                                        <span
-                                          class="pf-c-select__toggle-arrow"
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            fill="currentColor"
-                                            height="1em"
-                                            role="img"
-                                            style="vertical-align: -0.125em;"
-                                            viewBox="0 0 320 512"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                                            />
-                                          </svg>
-                                        </span>
-                                      </button>
-                                    </div>,
-                                  }
-                                }
-                                toggleIndicator={null}
-                                type="button"
-                                variant="single"
-                              >
-                                <button
-                                  aria-expanded={false}
-                                  aria-haspopup="listbox"
-                                  aria-label="Options menu"
-                                  aria-labelledby=" pf-select-toggle-id-5"
-                                  className="pf-c-select__toggle"
-                                  disabled={false}
-                                  id="pf-select-toggle-id-5"
-                                  onClick={[Function]}
-                                  onKeyDown={[Function]}
-                                  type="button"
-                                >
-                                  <div
-                                    className="pf-c-select__toggle-wrapper"
-                                  >
-                                    <span
-                                      className="pf-c-select__toggle-text"
-                                    >
-                                      POST
-                                    </span>
-                                  </div>
-                                  <span
-                                    className="pf-c-select__toggle-arrow"
-                                  >
-                                    <CaretDownIcon
-                                      color="currentColor"
-                                      noVerticalAlign={false}
-                                      size="sm"
-                                    >
-                                      <svg
-                                        aria-hidden={true}
-                                        aria-labelledby={null}
-                                        fill="currentColor"
-                                        height="1em"
-                                        role="img"
-                                        style={
-                                          Object {
-                                            "verticalAlign": "-0.125em",
-                                          }
-                                        }
-                                        viewBox="0 0 320 512"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                                        />
-                                      </svg>
-                                    </CaretDownIcon>
-                                  </span>
-                                </button>
-                              </SelectToggle>
-                            </ForwardRef>
-                          </div>
-                        </GenerateId>
+                        <MockedComponent />
                       </Select>
                       <TextInput
-                        aria-describedby="method"
                         id="endpoint"
                         isRequired={true}
-                        key=".1"
                         onChange={[Function]}
                         validated="default"
                         value="/"
                       >
-                        <TextInputBase
-                          aria-describedby="method"
-                          aria-label={null}
-                          className=""
-                          id="endpoint"
-                          innerRef={null}
-                          isDisabled={false}
-                          isIconSprite={false}
-                          isLeftTruncated={false}
-                          isReadOnly={false}
-                          isRequired={true}
-                          onChange={[Function]}
-                          ouiaSafe={true}
-                          type="text"
-                          validated="default"
-                          value="/"
-                        >
-                          <input
-                            aria-describedby="method"
-                            aria-invalid={false}
-                            aria-label={null}
-                            className="pf-c-form-control"
-                            data-ouia-component-id="OUIA-Generated-TextInputBase-13"
-                            data-ouia-component-type="PF4/TextInput"
-                            data-ouia-safe={true}
-                            disabled={false}
-                            id="endpoint"
-                            onBlur={[Function]}
-                            onChange={[Function]}
-                            onFocus={[Function]}
-                            required={true}
-                            type="text"
-                            value="/"
-                          />
-                        </TextInputBase>
+                        <MockedComponent />
                       </TextInput>
                     </div>
                   </InputGroup>
@@ -2259,39 +1094,7 @@ exports[`CloudEventForm tests Snapshot - send cloud event -  default values 1`]
                     validated="default"
                     value=""
                   >
-                    <TextInputBase
-                      aria-label={null}
-                      className=""
-                      id="eventType"
-                      innerRef={null}
-                      isDisabled={false}
-                      isIconSprite={false}
-                      isLeftTruncated={false}
-                      isReadOnly={false}
-                      isRequired={true}
-                      onChange={[Function]}
-                      ouiaSafe={true}
-                      type="text"
-                      validated="default"
-                      value=""
-                    >
-                      <input
-                        aria-invalid={false}
-                        aria-label={null}
-                        className="pf-c-form-control"
-                        data-ouia-component-id="OUIA-Generated-TextInputBase-14"
-                        data-ouia-component-type="PF4/TextInput"
-                        data-ouia-safe={true}
-                        disabled={false}
-                        id="eventType"
-                        onBlur={[Function]}
-                        onChange={[Function]}
-                        onFocus={[Function]}
-                        required={true}
-                        type="text"
-                        value=""
-                      />
-                    </TextInputBase>
+                    <MockedComponent />
                   </TextInput>
                 </div>
               </div>
@@ -2344,39 +1147,7 @@ exports[`CloudEventForm tests Snapshot - send cloud event -  default values 1`]
                     type="text"
                     value="/test/source"
                   >
-                    <TextInputBase
-                      aria-label={null}
-                      className=""
-                      id="eventSource"
-                      innerRef={null}
-                      isDisabled={false}
-                      isIconSprite={false}
-                      isLeftTruncated={false}
-                      isReadOnly={false}
-                      isRequired={true}
-                      onChange={[Function]}
-                      ouiaSafe={true}
-                      type="text"
-                      validated="default"
-                      value="/test/source"
-                    >
-                      <input
-                        aria-invalid={false}
-                        aria-label={null}
-                        className="pf-c-form-control"
-                        data-ouia-component-id="OUIA-Generated-TextInputBase-15"
-                        data-ouia-component-type="PF4/TextInput"
-                        data-ouia-safe={true}
-                        disabled={false}
-                        id="eventSource"
-                        onBlur={[Function]}
-                        onChange={[Function]}
-                        onFocus={[Function]}
-                        required={true}
-                        type="text"
-                        value="/test/source"
-                      />
-                    </TextInputBase>
+                    <MockedComponent />
                   </TextInput>
                 </div>
               </div>
@@ -2429,39 +1200,7 @@ exports[`CloudEventForm tests Snapshot - send cloud event -  default values 1`]
                     type="text"
                     value="1234"
                   >
-                    <TextInputBase
-                      aria-label={null}
-                      className=""
-                      id="instanceId"
-                      innerRef={null}
-                      isDisabled={false}
-                      isIconSprite={false}
-                      isLeftTruncated={false}
-                      isReadOnly={false}
-                      isRequired={true}
-                      onChange={[Function]}
-                      ouiaSafe={true}
-                      type="text"
-                      validated="default"
-                      value="1234"
-                    >
-                      <input
-                        aria-invalid={false}
-                        aria-label={null}
-                        className="pf-c-form-control"
-                        data-ouia-component-id="OUIA-Generated-TextInputBase-16"
-                        data-ouia-component-type="PF4/TextInput"
-                        data-ouia-safe={true}
-                        disabled={false}
-                        id="instanceId"
-                        onBlur={[Function]}
-                        onChange={[Function]}
-                        onFocus={[Function]}
-                        required={true}
-                        type="text"
-                        value="1234"
-                      />
-                    </TextInputBase>
+                    <MockedComponent />
                   </TextInput>
                 </div>
               </div>
@@ -2621,52 +1360,14 @@ exports[`CloudEventForm tests Snapshot - send cloud event -  default values 1`]
                 onClick={[Function]}
                 variant="primary"
               >
-                <ButtonBase
-                  innerRef={null}
-                  onClick={[Function]}
-                  variant="primary"
-                >
-                  <button
-                    aria-disabled={false}
-                    aria-label={null}
-                    className="pf-c-button pf-m-primary"
-                    data-ouia-component-id="OUIA-Generated-Button-primary-4"
-                    data-ouia-component-type="PF4/Button"
-                    data-ouia-safe={true}
-                    disabled={false}
-                    onClick={[Function]}
-                    role={null}
-                    type="button"
-                  >
-                    Trigger
-                  </button>
-                </ButtonBase>
+                <MockedComponent />
               </Button>
               <Button
                 key="resetCloudEventFormButton"
                 onClick={[Function]}
                 variant="secondary"
               >
-                <ButtonBase
-                  innerRef={null}
-                  onClick={[Function]}
-                  variant="secondary"
-                >
-                  <button
-                    aria-disabled={false}
-                    aria-label={null}
-                    className="pf-c-button pf-m-secondary"
-                    data-ouia-component-id="OUIA-Generated-Button-secondary-4"
-                    data-ouia-component-type="PF4/Button"
-                    data-ouia-safe={true}
-                    disabled={false}
-                    onClick={[Function]}
-                    role={null}
-                    type="button"
-                  >
-                    Reset
-                  </button>
-                </ButtonBase>
+                <MockedComponent />
               </Button>
             </div>
           </ActionListGroup>
@@ -2759,323 +1460,24 @@ exports[`CloudEventForm tests Snapshot - send cloud event 1`] = `
                       className="pf-c-input-group"
                     >
                       <Select
-                        aria-describedby=""
-                        aria-invalid={false}
-                        aria-label=""
-                        aria-labelledby=""
-                        chipGroupComponent={null}
-                        className=""
-                        clearSelectionsAriaLabel="Clear all"
-                        createText="Create"
-                        customBadgeText={null}
-                        customContent={null}
-                        direction="down"
-                        favorites={Array []}
-                        favoritesLabel="Favorites"
-                        hasInlineFilter={false}
-                        hasPlaceholderStyle={false}
                         id="method"
-                        inlineFilterPlaceholderText={null}
-                        inputAutoComplete="off"
-                        inputIdPrefix=""
-                        isCreatable={false}
-                        isCreateOptionOnTop={false}
-                        isCreateSelectOptionObject={false}
-                        isDisabled={false}
-                        isFlipEnabled={true}
-                        isGrouped={false}
-                        isInputFilterPersisted={false}
-                        isInputValuePersisted={false}
                         isOpen={false}
-                        isPlain={false}
-                        key=".0"
-                        menuAppendTo="inline"
-                        noResultsFoundText="No results found"
-                        onClear={[Function]}
-                        onCreateOption={[Function]}
-                        onFilter={null}
                         onSelect={[Function]}
                         onToggle={[Function]}
-                        onTypeaheadInputChanged={null}
-                        ouiaSafe={true}
-                        placeholderText=""
-                        position="left"
-                        removeFindDomNode={false}
-                        removeSelectionAriaLabel="Remove"
                         selections="POST"
-                        shouldResetOnSelect={true}
-                        toggleAriaLabel="Options menu"
-                        toggleIcon={null}
-                        toggleId={null}
-                        toggleIndicator={null}
-                        typeAheadAriaDescribedby=""
-                        typeAheadAriaLabel=""
-                        validated="default"
                         variant="single"
                         width="100px"
-                        zIndex={9999}
                       >
-                        <GenerateId
-                          prefix="pf-random-id-"
-                        >
-                          <div
-                            className="pf-c-select"
-                            data-ouia-component-id="OUIA-Generated-Select-single-3"
-                            data-ouia-component-type="PF4/Select"
-                            data-ouia-safe={true}
-                            style={
-                              Object {
-                                "width": "100px",
-                              }
-                            }
-                          >
-                            <ForwardRef
-                              aria-label="Options menu"
-                              aria-labelledby=" pf-select-toggle-id-3"
-                              handleTypeaheadKeys={[Function]}
-                              hasClearButton={false}
-                              hasFooter={false}
-                              hasPlaceholderStyle={false}
-                              id="pf-select-toggle-id-3"
-                              isDisabled={false}
-                              isOpen={false}
-                              isPlain={false}
-                              menuRef={
-                                Object {
-                                  "current": null,
-                                }
-                              }
-                              moveFocusToLastMenuItem={[Function]}
-                              onClickTypeaheadToggleButton={[Function]}
-                              onClose={[Function]}
-                              onEnter={[Function]}
-                              onToggle={[Function]}
-                              parentRef={
-                                Object {
-                                  "current": <div
-                                    class="pf-c-select"
-                                    data-ouia-component-id="OUIA-Generated-Select-single-3"
-                                    data-ouia-component-type="PF4/Select"
-                                    data-ouia-safe="true"
-                                    style="width: 100px;"
-                                  >
-                                    <button
-                                      aria-expanded="false"
-                                      aria-haspopup="listbox"
-                                      aria-label="Options menu"
-                                      aria-labelledby=" pf-select-toggle-id-3"
-                                      class="pf-c-select__toggle"
-                                      id="pf-select-toggle-id-3"
-                                      type="button"
-                                    >
-                                      <div
-                                        class="pf-c-select__toggle-wrapper"
-                                      >
-                                        <span
-                                          class="pf-c-select__toggle-text"
-                                        >
-                                          POST
-                                        </span>
-                                      </div>
-                                      <span
-                                        class="pf-c-select__toggle-arrow"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          fill="currentColor"
-                                          height="1em"
-                                          role="img"
-                                          style="vertical-align: -0.125em;"
-                                          viewBox="0 0 320 512"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </div>,
-                                }
-                              }
-                              toggleIndicator={null}
-                              variant="single"
-                            >
-                              <SelectToggle
-                                aria-label="Options menu"
-                                aria-labelledby=" pf-select-toggle-id-3"
-                                className=""
-                                handleTypeaheadKeys={[Function]}
-                                hasClearButton={false}
-                                hasFooter={false}
-                                hasPlaceholderStyle={false}
-                                id="pf-select-toggle-id-3"
-                                innerRef={null}
-                                isActive={false}
-                                isDisabled={false}
-                                isOpen={false}
-                                isPlain={false}
-                                menuRef={
-                                  Object {
-                                    "current": null,
-                                  }
-                                }
-                                moveFocusToLastMenuItem={[Function]}
-                                onClickTypeaheadToggleButton={[Function]}
-                                onClose={[Function]}
-                                onEnter={[Function]}
-                                onToggle={[Function]}
-                                parentRef={
-                                  Object {
-                                    "current": <div
-                                      class="pf-c-select"
-                                      data-ouia-component-id="OUIA-Generated-Select-single-3"
-                                      data-ouia-component-type="PF4/Select"
-                                      data-ouia-safe="true"
-                                      style="width: 100px;"
-                                    >
-                                      <button
-                                        aria-expanded="false"
-                                        aria-haspopup="listbox"
-                                        aria-label="Options menu"
-                                        aria-labelledby=" pf-select-toggle-id-3"
-                                        class="pf-c-select__toggle"
-                                        id="pf-select-toggle-id-3"
-                                        type="button"
-                                      >
-                                        <div
-                                          class="pf-c-select__toggle-wrapper"
-                                        >
-                                          <span
-                                            class="pf-c-select__toggle-text"
-                                          >
-                                            POST
-                                          </span>
-                                        </div>
-                                        <span
-                                          class="pf-c-select__toggle-arrow"
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            fill="currentColor"
-                                            height="1em"
-                                            role="img"
-                                            style="vertical-align: -0.125em;"
-                                            viewBox="0 0 320 512"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                                            />
-                                          </svg>
-                                        </span>
-                                      </button>
-                                    </div>,
-                                  }
-                                }
-                                toggleIndicator={null}
-                                type="button"
-                                variant="single"
-                              >
-                                <button
-                                  aria-expanded={false}
-                                  aria-haspopup="listbox"
-                                  aria-label="Options menu"
-                                  aria-labelledby=" pf-select-toggle-id-3"
-                                  className="pf-c-select__toggle"
-                                  disabled={false}
-                                  id="pf-select-toggle-id-3"
-                                  onClick={[Function]}
-                                  onKeyDown={[Function]}
-                                  type="button"
-                                >
-                                  <div
-                                    className="pf-c-select__toggle-wrapper"
-                                  >
-                                    <span
-                                      className="pf-c-select__toggle-text"
-                                    >
-                                      POST
-                                    </span>
-                                  </div>
-                                  <span
-                                    className="pf-c-select__toggle-arrow"
-                                  >
-                                    <CaretDownIcon
-                                      color="currentColor"
-                                      noVerticalAlign={false}
-                                      size="sm"
-                                    >
-                                      <svg
-                                        aria-hidden={true}
-                                        aria-labelledby={null}
-                                        fill="currentColor"
-                                        height="1em"
-                                        role="img"
-                                        style={
-                                          Object {
-                                            "verticalAlign": "-0.125em",
-                                          }
-                                        }
-                                        viewBox="0 0 320 512"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                                        />
-                                      </svg>
-                                    </CaretDownIcon>
-                                  </span>
-                                </button>
-                              </SelectToggle>
-                            </ForwardRef>
-                          </div>
-                        </GenerateId>
+                        <MockedComponent />
                       </Select>
                       <TextInput
-                        aria-describedby="method"
                         id="endpoint"
                         isRequired={true}
-                        key=".1"
                         onChange={[Function]}
                         validated="default"
                         value="/"
                       >
-                        <TextInputBase
-                          aria-describedby="method"
-                          aria-label={null}
-                          className=""
-                          id="endpoint"
-                          innerRef={null}
-                          isDisabled={false}
-                          isIconSprite={false}
-                          isLeftTruncated={false}
-                          isReadOnly={false}
-                          isRequired={true}
-                          onChange={[Function]}
-                          ouiaSafe={true}
-                          type="text"
-                          validated="default"
-                          value="/"
-                        >
-                          <input
-                            aria-describedby="method"
-                            aria-invalid={false}
-                            aria-label={null}
-                            className="pf-c-form-control"
-                            data-ouia-component-id="OUIA-Generated-TextInputBase-9"
-                            data-ouia-component-type="PF4/TextInput"
-                            data-ouia-safe={true}
-                            disabled={false}
-                            id="endpoint"
-                            onBlur={[Function]}
-                            onChange={[Function]}
-                            onFocus={[Function]}
-                            required={true}
-                            type="text"
-                            value="/"
-                          />
-                        </TextInputBase>
+                        <MockedComponent />
                       </TextInput>
                     </div>
                   </InputGroup>
@@ -3147,39 +1549,7 @@ exports[`CloudEventForm tests Snapshot - send cloud event 1`] = `
                     validated="default"
                     value=""
                   >
-                    <TextInputBase
-                      aria-label={null}
-                      className=""
-                      id="eventType"
-                      innerRef={null}
-                      isDisabled={false}
-                      isIconSprite={false}
-                      isLeftTruncated={false}
-                      isReadOnly={false}
-                      isRequired={true}
-                      onChange={[Function]}
-                      ouiaSafe={true}
-                      type="text"
-                      validated="default"
-                      value=""
-                    >
-                      <input
-                        aria-invalid={false}
-                        aria-label={null}
-                        className="pf-c-form-control"
-                        data-ouia-component-id="OUIA-Generated-TextInputBase-10"
-                        data-ouia-component-type="PF4/TextInput"
-                        data-ouia-safe={true}
-                        disabled={false}
-                        id="eventType"
-                        onBlur={[Function]}
-                        onChange={[Function]}
-                        onFocus={[Function]}
-                        required={true}
-                        type="text"
-                        value=""
-                      />
-                    </TextInputBase>
+                    <MockedComponent />
                   </TextInput>
                 </div>
               </div>
@@ -3232,39 +1602,7 @@ exports[`CloudEventForm tests Snapshot - send cloud event 1`] = `
                     type="text"
                     value="/from/form"
                   >
-                    <TextInputBase
-                      aria-label={null}
-                      className=""
-                      id="eventSource"
-                      innerRef={null}
-                      isDisabled={false}
-                      isIconSprite={false}
-                      isLeftTruncated={false}
-                      isReadOnly={false}
-                      isRequired={true}
-                      onChange={[Function]}
-                      ouiaSafe={true}
-                      type="text"
-                      validated="default"
-                      value="/from/form"
-                    >
-                      <input
-                        aria-invalid={false}
-                        aria-label={null}
-                        className="pf-c-form-control"
-                        data-ouia-component-id="OUIA-Generated-TextInputBase-11"
-                        data-ouia-component-type="PF4/TextInput"
-                        data-ouia-safe={true}
-                        disabled={false}
-                        id="eventSource"
-                        onBlur={[Function]}
-                        onChange={[Function]}
-                        onFocus={[Function]}
-                        required={true}
-                        type="text"
-                        value="/from/form"
-                      />
-                    </TextInputBase>
+                    <MockedComponent />
                   </TextInput>
                 </div>
               </div>
@@ -3317,39 +1655,7 @@ exports[`CloudEventForm tests Snapshot - send cloud event 1`] = `
                     type="text"
                     value=""
                   >
-                    <TextInputBase
-                      aria-label={null}
-                      className=""
-                      id="instanceId"
-                      innerRef={null}
-                      isDisabled={false}
-                      isIconSprite={false}
-                      isLeftTruncated={false}
-                      isReadOnly={false}
-                      isRequired={true}
-                      onChange={[Function]}
-                      ouiaSafe={true}
-                      type="text"
-                      validated="default"
-                      value=""
-                    >
-                      <input
-                        aria-invalid={false}
-                        aria-label={null}
-                        className="pf-c-form-control"
-                        data-ouia-component-id="OUIA-Generated-TextInputBase-12"
-                        data-ouia-component-type="PF4/TextInput"
-                        data-ouia-safe={true}
-                        disabled={false}
-                        id="instanceId"
-                        onBlur={[Function]}
-                        onChange={[Function]}
-                        onFocus={[Function]}
-                        required={true}
-                        type="text"
-                        value=""
-                      />
-                    </TextInputBase>
+                    <MockedComponent />
                   </TextInput>
                 </div>
               </div>
@@ -3509,52 +1815,14 @@ exports[`CloudEventForm tests Snapshot - send cloud event 1`] = `
                 onClick={[Function]}
                 variant="primary"
               >
-                <ButtonBase
-                  innerRef={null}
-                  onClick={[Function]}
-                  variant="primary"
-                >
-                  <button
-                    aria-disabled={false}
-                    aria-label={null}
-                    className="pf-c-button pf-m-primary"
-                    data-ouia-component-id="OUIA-Generated-Button-primary-3"
-                    data-ouia-component-type="PF4/Button"
-                    data-ouia-safe={true}
-                    disabled={false}
-                    onClick={[Function]}
-                    role={null}
-                    type="button"
-                  >
-                    Trigger
-                  </button>
-                </ButtonBase>
+                <MockedComponent />
               </Button>
               <Button
                 key="resetCloudEventFormButton"
                 onClick={[Function]}
                 variant="secondary"
               >
-                <ButtonBase
-                  innerRef={null}
-                  onClick={[Function]}
-                  variant="secondary"
-                >
-                  <button
-                    aria-disabled={false}
-                    aria-label={null}
-                    className="pf-c-button pf-m-secondary"
-                    data-ouia-component-id="OUIA-Generated-Button-secondary-3"
-                    data-ouia-component-type="PF4/Button"
-                    data-ouia-safe={true}
-                    disabled={false}
-                    onClick={[Function]}
-                    role={null}
-                    type="button"
-                  >
-                    Reset
-                  </button>
-                </ButtonBase>
+                <MockedComponent />
               </Button>
             </div>
           </ActionListGroup>