import { expect, test } from 'playwright-test-coverage';
import { DragEnabledPageObject } from '../pageobjects/DragEnabledPageObject';
import { wait } from '../utils';

test.describe('Drag enabled ', () => {
  test('should drag and drop item in same grid left to right', async ({ page }) => {
    const dragEnabledPageObject = new DragEnabledPageObject(page);
    dragEnabledPageObject.visit();

    await wait(1000);

    const firstItem = dragEnabledPageObject.getItemAtIndex(0);
    const secondItem = dragEnabledPageObject.getItemAtIndex(1);

    await firstItem.hover();
    await wait(500);
    await page.mouse.down();
    await wait(500);
    await secondItem.hover();
    await wait(500);
    await page.mouse.up();
    await wait(500);

    const firstBox = await firstItem.boundingBox();
    const secondBox = await secondItem.boundingBox();

    expect(firstBox!.x > secondBox!.x).toBeTruthy();
  });

  test('should drag and drop item in same grid right to left', async ({ page }) => {
    const dragEnabledPageObject = new DragEnabledPageObject(page);
    dragEnabledPageObject.visit();

    await wait(1000);

    const firstItem = dragEnabledPageObject.getItemAtIndex(0);
    const secondItem = dragEnabledPageObject.getItemAtIndex(1);

    await secondItem.hover();
    await wait(500);
    await page.mouse.down();
    await wait(500);
    await firstItem.hover();
    await wait(500);
    await page.mouse.up();
    await wait(500);

    const firstBox = await firstItem.boundingBox();
    const secondBox = await secondItem.boundingBox();

    expect(firstBox!.x > secondBox!.x).toBeTruthy();
  });
});