@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
61 lines • 1.92 kB
JavaScript
import React from 'react';
import { render } from '@testing-library/react';
import MessageBanner from "../MessageBanner";
describe('MessageBanner', () => {
const PALETTE = ['default', 'blue', 'white'];
const TYPE = ['primary', 'secondary'];
const mockOnClose = jest.fn();
test('rendering the default props', () => {
const {
asFragment
} = render( /*#__PURE__*/React.createElement(MessageBanner, {
message: "This is a Message"
}));
expect(asFragment()).toMatchSnapshot();
});
test('rendering the href props along with urlText props', () => {
const {
asFragment
} = render( /*#__PURE__*/React.createElement(MessageBanner, {
href: "https://www.zoho.com/",
urlText: "This is a HREF Message"
}));
expect(asFragment()).toMatchSnapshot();
});
test.each(PALETTE)('rendering the palette of - %s', palette => {
const {
asFragment
} = render( /*#__PURE__*/React.createElement(MessageBanner, {
message: "This is a Message",
palette: palette
}));
expect(asFragment()).toMatchSnapshot();
});
test.each(TYPE)('rendering the type of - %s', type => {
const {
asFragment
} = render( /*#__PURE__*/React.createElement(MessageBanner, {
message: "This is a Message",
type: type
}));
expect(asFragment()).toMatchSnapshot();
});
test('rendering the customClass props', () => {
const {
asFragment
} = render( /*#__PURE__*/React.createElement(MessageBanner, {
message: "This is a Message",
customClass: "customMessage"
}));
expect(asFragment()).toMatchSnapshot();
});
test('rendering the onClose props via mock function', () => {
const {
asFragment
} = render( /*#__PURE__*/React.createElement(MessageBanner, {
message: "This is a Message",
onClose: mockOnClose
}));
expect(asFragment()).toMatchSnapshot();
});
});