import { expect } from 'chai'
import initDOM from './initDOM'

describe('Integration', () => {
  describe('Language syntax', () => {
    it('array destructuring', async () => {
      const doc = await initDOM('array-destructuring')

      expect(doc.getElementById('feature-array-destructuring').childElementCount).to.equal(4)
    })

    it('array spread', async () => {
      const doc = await initDOM('array-spread')

      expect(doc.getElementById('feature-array-spread').childElementCount).to.equal(4)
    })

    it('async/await', async () => {
      const doc = await initDOM('async-await')

      expect(doc.getElementById('feature-async-await').childElementCount).to.equal(4)
    })

    it('class properties', async () => {
      const doc = await initDOM('class-properties')

      expect(doc.getElementById('feature-class-properties').childElementCount).to.equal(4)
    })

    it('computed properties', async () => {
      const doc = await initDOM('computed-properties')

      expect(doc.getElementById('feature-computed-properties').childElementCount).to.equal(4)
    })

    it('custom interpolation', async () => {
      const doc = await initDOM('custom-interpolation')

      expect(doc.getElementById('feature-custom-interpolation').childElementCount).to.equal(4)
    })

    it('default parameters', async () => {
      const doc = await initDOM('default-parameters')

      expect(doc.getElementById('feature-default-parameters').childElementCount).to.equal(4)
    })

    it('destructuring and await', async () => {
      const doc = await initDOM('destructuring-and-await')

      expect(doc.getElementById('feature-destructuring-and-await').childElementCount).to.equal(4)
    })

    it('generators', async () => {
      const doc = await initDOM('generators')

      expect(doc.getElementById('feature-generators').childElementCount).to.equal(4)
    })

    it('object destructuring', async () => {
      const doc = await initDOM('object-destructuring')

      expect(doc.getElementById('feature-object-destructuring').childElementCount).to.equal(4)
    })

    it('object spread', async () => {
      const doc = await initDOM('object-spread')

      expect(doc.getElementById('feature-object-spread').childElementCount).to.equal(4)
    })

    it('promises', async () => {
      const doc = await initDOM('promises')

      expect(doc.getElementById('feature-promises').childElementCount).to.equal(4)
    })

    it('rest + default', async () => {
      const doc = await initDOM('rest-and-default')

      expect(doc.getElementById('feature-rest-and-default').childElementCount).to.equal(4)
    })

    it('rest parameters', async () => {
      const doc = await initDOM('rest-parameters')

      expect(doc.getElementById('feature-rest-parameters').childElementCount).to.equal(4)
    })

    it('template interpolation', async () => {
      const doc = await initDOM('template-interpolation')

      expect(doc.getElementById('feature-template-interpolation').childElementCount).to.equal(4)
    })
  })
})