wix-style-react/src/Heading/Heading.spec.js

wix-style-react

import React from 'react';
import headingDriverFactory from './Heading.driver';
import Heading from './Heading';
import { createDriverFactory } from 'wix-ui-test-utils/driver-factory';
import { isEnzymeTestkitExists } from 'wix-ui-test-utils/enzyme';
import { isTestkitExists } from 'wix-ui-test-utils/vanilla';
import { mount } from 'enzyme';
import { headingTestkitFactory } from '../../testkit';
import { headingTestkitFactory as enzymeHeadingTestkitFactory } from '../../testkit/enzyme';

describe('Heading', () => {
  const createDriver = createDriverFactory(headingDriverFactory);

  describe('light prop', () => {
    it('should be dark by default', () => {
      const wrapper = createDriver(<Heading>Hello</Heading>);
      expect(wrapper.isLight()).toBe(false);
    });

    it('should be light', () => {
      const wrapper = createDriver(<Heading light>Hello</Heading>);
      expect(wrapper.isLight()).toBe(true);
    });
  });

  describe('testkit', () => {
    it('should exist', () => {
      expect(
        isTestkitExists(<Heading>Hello World</Heading>, headingTestkitFactory),
      ).toBe(true);
    });
  });

  describe('enzyme testkit', () => {
    it('should exist', () => {
      expect(
        isEnzymeTestkitExists(
          <Heading>Hello World</Heading>,
          enzymeHeadingTestkitFactory,
          mount,
        ),
      ).toBe(true);
    });
  });
});