@kiwicom/orbit-components/src/List/__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 List from "../index";
import ListItem from "../ListItem";
import Check from "../../icons/Check";
import defaultTokens from "../../defaultTokens";
import SPACINGS_AFTER from "../../common/getSpacingToken/consts";

describe(`List with custom colored icons`, () => {
  const size = "small";
  const type = "secondary";
  const dataTest = "test";
  const content = "This contains a nice sentence";

  const component = shallow(
    <List size={size} type={type} dataTest={dataTest} spaceAfter={SPACINGS_AFTER.NORMAL}>
      <ListItem icon={<Check color="success" />} dataTest={dataTest}>
        {content}
      </ListItem>
      <ListItem icon={<Check color="success" />} dataTest={dataTest}>
        {content}
      </ListItem>
      <ListItem icon={<Check color="success" />} dataTest={dataTest}>
        {content}
      </ListItem>
    </List>,
  );

  const children = component.find("ListItem");
  const styledList = component.find("List__StyledList");

  it("should have passed props", () => {
    expect(component.prop("size")).toBe(size);
    expect(component.prop("type")).toBe(type);
    expect(styledList.render().prop("data-test")).toBe(dataTest);
  });

  it("should have margin-bottom", () => {
    const mounted = mount(
      <List spaceAfter={SPACINGS_AFTER.NORMAL}>
        <ListItem icon={<Check color="success" />} dataTest={dataTest}>
          {content}
        </ListItem>
      </List>,
    );
    expect(mounted).toHaveStyleRule("margin-bottom", defaultTokens.orbit.spaceSmall);
  });

  it("should have children", () => {
    children.forEach(node => {
      expect(node.type()).toBe(ListItem);
      expect(
        node
          .find("ListItem")
          .render()
          .prop("data-test"),
      ).toBe(dataTest);
      expect(node.render().text()).toBe(content);
    });
  });
  it("should match snapshot", () => {
    expect(component).toMatchSnapshot();
  });
});