import { expect } from '@playwright/test'

import { comfyPageFixture as test } from '../../fixtures/ComfyPage'

test.describe('Properties panel', () => {
  test('opens and updates title based on selection', async ({ comfyPage }) => {
    await comfyPage.actionbar.propertiesButton.click()

    const { propertiesPanel } = comfyPage.menu

    await expect(propertiesPanel.panelTitle).toContainText('Workflow Overview')

    await comfyPage.selectNodes(['KSampler', 'VAE Decode'])

    await expect(propertiesPanel.panelTitle).toContainText('2 items selected')
    await expect(propertiesPanel.root.getByText('KSampler')).toBeVisible()
    await expect(propertiesPanel.root.getByText('VAE Decode')).toBeVisible()

    await propertiesPanel.searchBox.fill('seed')
    await expect(propertiesPanel.root.getByText('KSampler')).toBeVisible()
    await expect(propertiesPanel.root.getByText('VAE Decode')).not.toBeVisible()

    await propertiesPanel.searchBox.fill('')
    await expect(propertiesPanel.root.getByText('KSampler')).toBeVisible()
    await expect(propertiesPanel.root.getByText('VAE Decode')).toBeVisible()
  })
})