import { test, expect } from './mind-elixir-test'

const m1 = 'm1'
const m2 = 'm2'
const childTopic = 'child-topic'
const data = {
  nodeData: {
    topic: 'root-topic',
    id: 'root-id',
    children: [
      {
        id: m1,
        topic: m1,
        children: [
          {
            id: 'child',
            topic: childTopic,
          },
        ],
      },
      {
        id: m2,
        topic: m2,
      },
    ],
  },
}

test.beforeEach(async ({ me }) => {
  await me.init(data)
})

test('DnD move before', async ({ page, me }) => {
  await page.getByText(m2).hover({ force: true })
  await page.mouse.down()
  await me.dragOver(m1, 'before')
  await expect(page.locator('.insert-preview.before')).toBeVisible()
  await page.mouse.up()
  await me.toHaveScreenshot()
})

test('DnD move after', async ({ page, me }) => {
  await page.getByText(m2).hover({ force: true })
  await page.mouse.down()
  await me.dragOver(m1, 'after')
  await expect(page.locator('.insert-preview.after')).toBeVisible()
  await page.mouse.up()
  await me.toHaveScreenshot()
})

test('DnD move in', async ({ page, me }) => {
  await page.getByText(m2).hover({ force: true })
  await page.mouse.down()
  await me.dragOver(m1, 'in')
  await expect(page.locator('.insert-preview.in')).toBeVisible()
  await page.mouse.up()
  await me.toHaveScreenshot()
})