next.js/test/e2e/app-dir/ecmascript-features/webpack/ecmascript-features-webpack.test.ts

import { nextTestSetup } from 'e2e-utils'
;(process.env.IS_TURBOPACK_TEST ? describe.skip : describe)(
  'ecmascript-features webpack',
  () => {
    const { next } = nextTestSetup({
      files: __dirname,
    })

    // Recommended for tests that check HTML. Cheerio is a HTML parser that has a jQuery like API.
    it('should work using cheerio', async () => {
      const $ = await next.render$('/')
      expect(JSON.parse($('#values-to-check').text())).toEqual({
        privateField: 10,
        privateFieldWithInitializer: 11,
        privateStaticFieldWithInitializer: 12,
        privateStaticMethod: 12,
        privateMethodInThis: true,
        exportAs: 1,
        // regex: true,
        importWith: 'Hello World',
      })

      // TODO: `export { x as "abc" }` (export as string) is not supported in webpack yet.
      // const $1 = await next.render$('/export-as-string')
      // expect(JSON.parse($1('#values-to-check').text())).toEqual({
      //   exportAsString: 1,
      // })
    })

    // Recommended for tests that need a full browser
    it('should work using browser', async () => {
      const browser = await next.browser('/')
      expect(
        JSON.parse(await browser.elementByCss('#values-to-check').text())
      ).toEqual({
        privateField: 10,
        privateFieldWithInitializer: 11,
        privateStaticFieldWithInitializer: 12,
        privateStaticMethod: 12,
        privateMethodInThis: true,
        exportAs: 1,
        // regex: true,
        importWith: 'Hello World',
      })

      // TODO: `export { x as "abc" }` (export as string) is not supported in webpack yet.
      // const browser2 = await next.browser('/export-as-string')
      // expect(
      //   JSON.parse(await browser2.elementByCss('#values-to-check').text())
      // ).toEqual({
      //   exportAsString: 1,
      // })
    })
  }
)