import { test, expect } from '@playwright/test'

test('简易模式', async ({ page }) => {
  page.on('pageerror', (exception) => expect(exception).toBeNull())
  await page.goto('split#trigger-simple')
  // 获取拖拽元素
  const triggerBtn = page.locator('.tiny-split-trigger-con-simple')
  const leftPanel = page.locator('.left-pane')
  const { width: leftPanelWidth } = await leftPanel.boundingBox()
  const { x, y, width: triggerBtnWidth } = await triggerBtn.boundingBox()
  // 鼠标按下
  await triggerBtn.hover()
  await page.mouse.down()
  await page.mouse.move(100 + x, y)
  await page.mouse.up()
  // 移动之后的宽度为:移动之前的宽度+50-分割线宽度的一半
  const afterMove = leftPanelWidth + 100 - triggerBtnWidth / 2
  const { width: afterWidth } = await leftPanel.boundingBox()
  await expect(afterMove).toBeCloseTo(afterWidth, 1)
})
