import { h } from 'preact';
import render from 'preact-render-to-json';
import { shallow } from 'preact-render-spy';
import Alert from '../alert';

describe('<Alert />', () => {
  describe('without hidden class', () => {
    it('should render and test snapshot', () => {
      const tree = render(<Alert showAlert />);
      expect(tree).toMatchSnapshot();
    });

    it('should have proper elements, attributes and values', () => {
      const context = shallow(<Alert showAlert />);
      expect(context.find('.chatalert__default').exists()).toEqual(true);
      expect(context.find('.chatalert__default').text()).toEqual(
        'More new messages below',
      );
      expect(context.find('.chatalert__default--hidden').exists()).toEqual(
        false,
      );
    });
  });

  describe('with hidden class', () => {
    it('should render and test snapshot', () => {
      const tree = render(<Alert showAlert={false} />);
      expect(tree).toMatchSnapshot();
    });

    it('should have proper elements, attributes and values', () => {
      const context = shallow(<Alert showAlert={false} />);
      expect(context.find('.chatalert__default').exists()).toEqual(true);
      expect(context.find('.chatalert__default').text()).toEqual(
        'More new messages below',
      );
      expect(context.find('.chatalert__default--hidden').exists()).toEqual(
        true,
      );
    });
  });
});