import { navigateToStory, createTestkit } from '../../../../test/utils/sled-helpers';
import nestableListUniDriverFactory, { NestableListUniDriver } from '../../NestableList.uni.driver';

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

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

    await testkit.reorderByDataHook({
      from: 'item-1',
      to: 'item-3',
    });

    await testkit.changeItemDepth({ dataHook:'item-1', depthLevel: 1 });

    expect(await testkit.getItemPosition({ dataHook: 'item-1' })).toEqual(2)
    expect(await testkit.getItemDepth({ dataHook: 'item-1' })).toEqual(1)
  });
});