@kiwicom/orbit-components/src/Alert/__tests__/index.test.js

<div align="center"> <a href="https://orbit.kiwi" target="_blank"> <img alt="orbit-components" src="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components.png" srcset="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components@2x.png 2x"

// @flow
import * as React from "react";
import { shallow, mount } from "enzyme";

import Alert from "../index";
import defaultTokens from "../../defaultTokens";
import SPACINGS_AFTER from "../../common/getSpacingToken/consts";

const message = "Alert message";

describe("Alert", () => {
  it("should contain children", () => {
    const component = shallow(<Alert>{message}</Alert>);
    expect(
      component
        .find("Alert__Content")
        .children()
        .exists(),
    ).toBe(true);
  });
  it("should have data-test", () => {
    const dataTest = "test";
    const component = shallow(<Alert dataTest={dataTest}>{message}</Alert>);
    expect(component.render().prop("data-test")).toBe(dataTest);
  });
  it("should have margin-bottom", () => {
    const component = mount(<Alert spaceAfter={SPACINGS_AFTER.NORMAL}>{message}</Alert>);
    expect(component).toHaveStyleRule("margin-bottom", defaultTokens.orbit.spaceSmall);
  });
  it("should be closable", () => {
    const onClose = jest.fn();
    const component = shallow(
      <Alert onClose={onClose} closable>
        {message}
      </Alert>,
    );
    const ButtonLink = component.find("Alert__CloseContainer ButtonLink");
    ButtonLink.simulate("click");
    expect(onClose).toHaveBeenCalled();
  });
  it("should match snapshot", () => {
    const component = shallow(<Alert>{message}</Alert>);
    expect(component).toMatchSnapshot();
  });
});