rsnext/test/e2e/browserslist/default-target.test.ts

import { createNext, FileRef } from 'e2e-utils'
import { NextInstance } from 'e2e-utils'
import { renderViaHTTP, fetchViaHTTP } from 'next-test-utils'
import path from 'path'
import cheerio from 'cheerio'
const appDir = path.join(__dirname, 'app')

// TODO: This test needs to check multiple files and syntax features.
describe.skip('default browserslist target', () => {
  let next: NextInstance

  beforeAll(async () => {
    next = await createNext({
      files: {
        pages: new FileRef(path.join(appDir, 'pages')),
      },
    })
  })
  afterAll(() => next.destroy())

  it('should apply default browserslist target', async () => {
    const html = await renderViaHTTP(next.url, '/')
    const $ = cheerio.load(html)

    expect(
      (
        await Promise.all(
          $('script')
            .toArray()
            .map(async (el) => {
              const src = $(el).attr('src')
              const res = await fetchViaHTTP(next.url, src)
              const code = await res.text()
              // Default compiles for ES Modules output
              if (code.includes('async ()=>')) {
                return src
              }
              return false
            })
        )
      )
        // Filter out false values
        .filter((item) => item)
    ).not.toBeEmpty()
  })
})