Function runTests

test/integration/script-loader/test/index.test.ts:23–327

(isDev)

let appPort

const runTests = (isDev) => {
  // TODO: We will refactor the next/script to be strict mode resilient
  // Don't skip the test case for development mode (strict mode) once refactoring is finished
  it('priority afterInteractive', async () => {
    let browser: Playwright
    try {
      browser = await webdriver(appPort, '/')
      await waitFor(1000)

      async function test(scriptID: string) {
        const script = await browser.elementByCss(`script#${scriptID}`)
        const dataAttr = await script.getAttribute('data-nscript')
        const endScripts = await browser.elementsByCss(
          `#__NEXT_DATA__ ~ script#${scriptID}`
        )

        // Renders script tag
        expect(script).toBeDefined()
        expect(dataAttr).toBeDefined()

        // Script is inserted at the end
        expect(endScripts.length).toBe(1)
      }

      // afterInteractive script in page
      await test('scriptAfterInteractive')
      // afterInteractive script in _document
      await test('documentAfterInteractive')
    } finally {
      if (browser) await browser.close()
    }
  })

  it('priority lazyOnload', async () => {
    let browser: Playwright
    try {
      browser = await webdriver(appPort, '/page3')

      await browser.waitForElementByCss('#onload-div', { state: 'attached' })
      await waitFor(1000)

      async function test(scriptId: string, css?: string) {
        const script = await browser.elementByCss(`script#${scriptId}`)
        const dataAttr = await script.getAttribute('data-nscript')
        const endScripts = await browser.elementsByCss(
          `#__NEXT_DATA__ ~ #${scriptId}`
        )

        // Renders script tag
        expect(script).toBeDefined()
        expect(dataAttr).toBeDefined()

        if (css) {
          const cssTag = await browser.elementByCss(`link[href="${css}"]`)
          expect(cssTag).toBeDefined()
        }

        // Script is inserted at the end