import { navigateToStory, createTestkit } from '../../../../test/utils/sled-helpers';
import styledNestableListUniDriverFactory, { StyledNestableListUniDriver } from '../../StyledNestableList.uni.driver';

describe('StyledNestableList', () => {
  it('should reorder items', async () => {
    const iframe = await navigateToStory('StyledNestableList--simple');

    const { testkit } = await createTestkit<
      StyledNestableListUniDriver
    >({
      page: iframe,
      driver: styledNestableListUniDriverFactory,
      dataHook: 'styled-nestable-list',
    });

    await testkit.reorderByDataHook({
      from: 'styled-nestable-list-item-0',
      to: 'styled-nestable-list-item-2',
    });

    await testkit.changeItemDepth({ dataHook:'styled-nestable-list-item-0', depthLevel: 2 });

    expect(await testkit.getItemPosition({ dataHook: 'styled-nestable-list-item-0' })).toEqual(2)
    expect(await testkit.getItemDepth({ dataHook: 'styled-nestable-list-item-0' })).toEqual(2)
  });
});