@zohodesk/dot 1.0.0-temp-226 → 1.0.0-temp-227

package/es/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js

@@ -1,11 +1,130 @@
 import React from 'react';
-import { render } from '@testing-library/react';
+import { render, cleanup } from '@testing-library/react';
 import AlertHeader from "../AlertHeader";
-describe('AlertHeader', () => {
-  test('rendering the defult props', () => {
+const TYPE_VALUES = ['success', 'error', 'warning', 'info', 'notification'];
+afterEach(() => {
+  cleanup();
+});
+describe('AlertHeader snapshot - ', () => {
+  test('Render with default props', () => {
     const {
       asFragment
     } = render( /*#__PURE__*/React.createElement(AlertHeader, null));
     expect(asFragment()).toMatchSnapshot();
   });
+  test.each(TYPE_VALUES)('Render with type=%s', type => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      title: "Alert Title",
+      type: type
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with needIcon=false', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      title: "Alert Title",
+      needIcon: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with breakChildren=true', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      title: "Alert Title",
+      breakChildren: true
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with onClose', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      title: "Alert Title",
+      onClose: () => {}
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with title', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      title: "Alert Title"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with isDraggable=false', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      title: "Alert Title",
+      isDraggable: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with children', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      title: "Alert Title"
+    }, /*#__PURE__*/React.createElement("span", null, "Child content")));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with customClass', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      title: "Alert Title",
+      onClose: () => {},
+      customClass: {
+        title: 'custom-title-class',
+        iconContainer: 'custom-icon-class',
+        close: 'custom-close-class'
+      }
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with renderCustomIcon', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      title: "Alert Title",
+      renderCustomIcon: /*#__PURE__*/React.createElement("span", null, "Custom Icon")
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with renderSecondaryContent', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      title: "Alert Title",
+      renderSecondaryContent: /*#__PURE__*/React.createElement("span", null, "Secondary")
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with renderRightActions', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      title: "Alert Title",
+      renderRightActions: /*#__PURE__*/React.createElement("button", {
+        type: "button"
+      }, "Action")
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with dataId and htmlId', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      title: "Alert Title",
+      htmlId: "alert-header-title",
+      dataId: "alert-header",
+      onClose: () => {}
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
 });