import { setupPuppeteer, E2E_TIMEOUT } from 'test/helpers'

describe('e2e/counter', () => {
  const { page, text, click, sleep } = setupPuppeteer()

  async function testCounter (url) {
    await page().goto(url)
    expect(await text('#app')).toContain('Clicked: 0 times')

    await click('button:nth-child(1)')
    expect(await text('#app')).toContain('Clicked: 1 times')

    await click('button:nth-child(2)')
    expect(await text('#app')).toContain('Clicked: 0 times')

    await click('button:nth-child(3)')
    expect(await text('#app')).toContain('Clicked: 0 times')

    await click('button:nth-child(1)')
    expect(await text('#app')).toContain('Clicked: 1 times')

    await click('button:nth-child(3)')
    expect(await text('#app')).toContain('Clicked: 2 times')

    await click('button:nth-child(4)')
    expect(await text('#app')).toContain('Clicked: 2 times')
    await sleep(1000)
    expect(await text('#app')).toContain('Clicked: 3 times')
  }

  test('classic', async () => {
    await testCounter('http://localhost:8080/classic/counter/')
  }, E2E_TIMEOUT)

  test('composition', async () => {
    await testCounter('http://localhost:8080/composition/counter/')
  }, E2E_TIMEOUT)
})