monday-ui-react-core/src/components/Tabs/Tab/__tests__/tab.jest.js

Official monday.com UI resources for application development in React.js

import React from "react";
import renderer from "react-test-renderer";
import Tab from "../Tab";
import Email from "../../../Icon/Icons/components/Email";
import Icon from "../../../Icon/Icon";

describe("<Tab />", () => {
  describe("Snapshot tests", () => {
    it("renders correctly with empty props", () => {
      const tree = renderer.create(<Tab/>).toJSON();
      expect(tree).toMatchSnapshot();
    });

    it("renders correctly disabled tab", () => {
      const tree = renderer.create(<Tab disabled />).toJSON();
      expect(tree).toMatchSnapshot();
    });

    it("renders correctly active tab", () => {
      const tree = renderer.create(<Tab active />).toJSON();
      expect(tree).toMatchSnapshot();
    });

    it("renders correctly focus tab", () => {
      const tree = renderer.create(<Tab focus />).toJSON();
      expect(tree).toMatchSnapshot();
    });

    it("renders correctly focus and active tab", () => {
      const tree = renderer.create(<Tab focus active />).toJSON();
      expect(tree).toMatchSnapshot();
    });

    it("renders correctly tab with icon on left", () => {
      const tree = renderer.create(
        <Tab icon={Email} iconType={Icon.type.SVG} iconSide="left">Tab</Tab>
      ).toJSON();
      expect(tree).toMatchSnapshot();
    });

    it("renders correctly tab with icon on right", () => {
      const tree = renderer.create(
        <Tab icon={Email} iconType={Icon.type.SVG} iconSide="right">Tab</Tab>
      ).toJSON();
      expect(tree).toMatchSnapshot();
    });
  });
});