wix-style-react/src/SidebarSubMenuNext/test/SidebarSubMenuNext.spec.js

wix-style-react

import React from 'react';
import { createRendererWithUniDriver } from '../../../test/utils/unit';
import SidebarSubMenuNext from '../SidebarSubMenuNext';
import { sidebarSubMenuNextPrivateDriverFactory } from './SidebarSubMenuNext.private.uni.driver';
import { SidebarContext } from '../../Sidebar/SidebarAPI';
import { sidebarItemNextDriverFactory } from '../../SidebarItemNext/SidebarItemNext.uni.driver';
import { uniTestkitFactoryCreator } from 'wix-ui-test-utils/vanilla';

const sidebarItemNextTestkitFactory = uniTestkitFactoryCreator(
  sidebarItemNextDriverFactory,
);

describe(SidebarSubMenuNext.displayName, () => {
  const render = (ui, context) => {
    return createRendererWithUniDriver(sidebarSubMenuNextPrivateDriverFactory, {
      wrapper: ({ children }) => (
        <SidebarContext.Provider value={context}>
          {children}
        </SidebarContext.Provider>
      ),
    })(ui);
  };

  it('should render with a chevron suffix', async () => {
    const { container, driver } = render(<SidebarSubMenuNext dataHook={'submenu'} />);

    const firstItemTestKit = sidebarItemNextTestkitFactory({
      wrapper: container,
      dataHook: 'submenu',
    });

    expect(await firstItemTestKit.suffixExists()).toBe(true);
    expect(await driver.isChevronExists()).toBe(true);
  });

  it('should be collapsed by default', async () => {
    const { driver } = render(<SidebarSubMenuNext />);

    expect(await driver.isExpanded()).toBe(false);
  });
});