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

import { getGraphView, takeBeforeEach } from './helper'

const skipWebkitMessage = [
  'WebKit has problems running Angular apps with a lot of elements',
  '(at least in WSL2 environment)'
].join(' ')

test.describe('Perf', () => {
  test.beforeEach(({ browserName }) => {
    const shouldSkip = browserName === 'webkit' && String(process.env.APP).startsWith('angular')

    test.skip(shouldSkip, skipWebkitMessage)
  })
  const { getContainer } = takeBeforeEach('?template=perf&rows=10&cols=10', 500, 500)

  test('has nodes', async ({ page }) => {
    const { nodes, connections } = await getGraphView(getContainer())

    await page.waitForTimeout(3000)
    expect(await nodes()).toHaveLength(100)
    expect(await connections()).toHaveLength(99)
  })

  test('snapshot', async ({ page }) => {
    await page.waitForTimeout(3000)
    expect(await page.screenshot()).toMatchSnapshot('perf.png')
  })
})