@kiwicom/orbit-components/src/Card/__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 } from "enzyme";

import Card from "../index";
import CardSection from "../CardSection";
import Heading from "../../Heading";
import Text from "../../Text";
import SPACINGS_AFTER from "../../common/getSpacingToken/consts";
import defaultTokens from "../../defaultTokens";

const text = "Text for testing";

describe("Card", () => {
  it("should contain CardSection", () => {
    const component = shallow(
      <Card dataTest="test">
        <CardSection>
          <Heading type="title3" element="h3">
            {text}
          </Heading>
          <Text>{text}</Text>
        </CardSection>
      </Card>,
    );
    component
      .find("Card__StyledCard")
      .children()
      .forEach(node => {
        expect(node.type()).toBe(CardSection);
      });
  });
  it("should have margin-bottom", () => {
    const component = shallow(<Card spaceAfter={SPACINGS_AFTER.NORMAL} />);
    expect(component).toHaveStyleRule("margin-bottom", defaultTokens.orbit.spaceSmall);
  });
  it("should have data-test", () => {
    const dataTest = "test";
    const component = shallow(<Card dataTest={dataTest} />);
    expect(component.render().prop("data-test")).toBe(dataTest);
  });
  it("should be closable", () => {
    const onClose = jest.fn();
    const component = shallow(<Card onClose={onClose} closable />);
    component
      .find("Card__CloseContainer")
      .children()
      .simulate("click");
    expect(onClose).toHaveBeenCalled();
  });
});