@patternfly/react-core 6.0.0-alpha.65 → 6.0.0-alpha.66

package/src/{next → deprecated}/components/Modal/__tests__/ModalBoxTitle.test.tsx

@@ -5,33 +5,55 @@ import { ModalBoxTitle } from '../ModalBoxTitle';
 import BullhornIcon from '@patternfly/react-icons/dist/esm/icons/bullhorn-icon';
 
 test('ModalBoxTitle alert variant', () => {
-  const { asFragment } = render(<ModalBoxTitle title="Test Modal Box warning" id="boxId" titleIconVariant="warning" />);
+  const { asFragment } = render(
+    <ModalBoxTitle title="Test Modal Box warning" id="boxId" titleIconVariant="warning">
+      content
+    </ModalBoxTitle>
+  );
   expect(asFragment()).toMatchSnapshot();
 });
 
 test('ModalBoxTitle info variant', () => {
-  const { asFragment } = render(<ModalBoxTitle title="Test Modal Box info" id="boxId" titleIconVariant="info" />);
+  const { asFragment } = render(
+    <ModalBoxTitle title="Test Modal Box info" id="boxId" titleIconVariant="info">
+      content
+    </ModalBoxTitle>
+  );
   expect(asFragment()).toMatchSnapshot();
 });
 
 test('ModalBoxTitle danger variant', () => {
-  const { asFragment } = render(<ModalBoxTitle title="Test Modal Box danger" id="boxId" titleIconVariant="danger" />);
+  const { asFragment } = render(
+    <ModalBoxTitle title="Test Modal Box danger" id="boxId" titleIconVariant="danger">
+      content
+    </ModalBoxTitle>
+  );
   expect(asFragment()).toMatchSnapshot();
 });
 
 test('ModalBoxTitle custom variant', () => {
-  const { asFragment } = render(<ModalBoxTitle title="Test Modal Box warning" id="boxId" titleIconVariant="custom" />);
+  const { asFragment } = render(
+    <ModalBoxTitle title="Test Modal Box warning" id="boxId" titleIconVariant="custom">
+      content
+    </ModalBoxTitle>
+  );
   expect(asFragment()).toMatchSnapshot();
 });
 
 test('ModalBoxTitle success variant', () => {
-  const { asFragment } = render(<ModalBoxTitle title="Test Modal Box success" id="boxId" titleIconVariant="success" />);
+  const { asFragment } = render(
+    <ModalBoxTitle title="Test Modal Box success" id="boxId" titleIconVariant="success">
+      content
+    </ModalBoxTitle>
+  );
   expect(asFragment()).toMatchSnapshot();
 });
 
 test('ModalBoxTitle custom icon variant', () => {
   const { asFragment } = render(
-    <ModalBoxTitle title="Test Modal Box custom" id="boxId" titleIconVariant={BullhornIcon} />
+    <ModalBoxTitle title="Test Modal Box custom" id="boxId" titleIconVariant={BullhornIcon}>
+      content
+    </ModalBoxTitle>
   );
   expect(asFragment()).toMatchSnapshot();
 });

package/src/deprecated/components/Modal/__tests__/ModalContent.test.tsx

@@ -0,0 +1,112 @@
+import * as React from 'react';
+import { render } from '@testing-library/react';
+
+import { ModalContent } from '../ModalContent';
+
+const modalContentProps = {
+  boxId: 'boxId',
+  labelId: 'labelId',
+  descriptorId: 'descriptorId'
+};
+test('Modal Content Test only body', () => {
+  const { asFragment } = render(
+    <ModalContent title="Test Modal Content title" isOpen {...modalContentProps}>
+      This is a ModalBox header
+    </ModalContent>
+  );
+  expect(asFragment()).toMatchSnapshot();
+});
+
+test('Modal Content Test isOpen', () => {
+  const { asFragment } = render(
+    <ModalContent title="Test Modal Content title" isOpen {...modalContentProps}>
+      This is a ModalBox header
+    </ModalContent>
+  );
+  expect(asFragment()).toMatchSnapshot();
+});
+
+test('Modal Content Test description', () => {
+  const { asFragment } = render(
+    <ModalContent
+      title="Test Modal Content title"
+      isOpen
+      description="This is a test description."
+      {...modalContentProps}
+    >
+      This is a ModalBox header
+    </ModalContent>
+  );
+  expect(asFragment()).toMatchSnapshot();
+});
+
+test('Modal Content Test with footer', () => {
+  const { asFragment } = render(
+    <ModalContent title="Test Modal Content title" isOpen actions={['Testing']} {...modalContentProps}>
+      This is a ModalBox header
+    </ModalContent>
+  );
+  expect(asFragment()).toMatchSnapshot();
+});
+
+test('Modal Content test without footer', () => {
+  const { asFragment } = render(
+    <ModalContent title="Test Modal Content title" isOpen {...modalContentProps}>
+      This is a ModalBox header
+    </ModalContent>
+  );
+  expect(asFragment()).toMatchSnapshot();
+});
+
+test('Modal Content Test with onclose', () => {
+  const { asFragment } = render(
+    <ModalContent
+      title="Test Modal Content title"
+      actions={['Testing footer']}
+      variant="large"
+      onClose={() => undefined}
+      isOpen
+      {...modalContentProps}
+    >
+      This is a ModalBox header
+    </ModalContent>
+  );
+  expect(asFragment()).toMatchSnapshot();
+});
+
+test('Modal Test with custom header', () => {
+  const header = <span id="test-custom-header">TEST</span>;
+
+  const { asFragment } = render(
+    <ModalContent
+      header={header}
+      title="test-custom-header-modal"
+      actions={['Testing footer']}
+      variant="large"
+      onClose={() => undefined}
+      isOpen
+      {...modalContentProps}
+    >
+      This is a ModalBox header
+    </ModalContent>
+  );
+  expect(asFragment()).toMatchSnapshot();
+});
+
+test('Modal Test with custom footer', () => {
+  const footer = <span id="test-custom-footer">TEST</span>;
+
+  const { asFragment } = render(
+    <ModalContent
+      footer={footer}
+      title="Test Modal Custom Footer"
+      variant="large"
+      onClose={() => undefined}
+      isOpen
+      {...modalContentProps}
+    >
+      This is a ModalBox header
+    </ModalContent>
+  );
+  expect(asFragment()).toMatchSnapshot();
+});

package/src/{next → deprecated}/components/Modal/__tests__/__snapshots__/ModalBoxHeader.test.tsx.snap

@@ -1,20 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Modal Test with custom header 1`] = `
-<DocumentFragment>
-  <header
-    class="pf-v6-c-modal-box__header"
-  >
-    <span
-      id="test-custom-header"
-    >
-      TEST
-    </span>
-  </header>
-</DocumentFragment>
-`;
-
-exports[`ModalHeader Test 1`] = `
+exports[`ModalBoxHeader Test 1`] = `
 <DocumentFragment>
   <header
     class="pf-v6-c-modal-box__header"
@@ -24,7 +10,7 @@ exports[`ModalHeader Test 1`] = `
 </DocumentFragment>
 `;
 
-exports[`ModalHeader help renders 1`] = `
+exports[`ModalBoxHeader help renders 1`] = `
 <DocumentFragment>
   <header
     class="pf-v6-c-modal-box__header pf-m-help"