Function runTests

test/integration/next-image-legacy/base-path/test/index.test.ts:62–467

(mode: 'dev' | 'server')

}

function runTests(mode: 'dev' | 'server') {
  let dpl: string
  beforeAll(() => {
    dpl = getDeploymentId(appDir, mode === 'dev').getDeploymentIdQuery(true)
  })

  it('should load the images', async () => {
    let browser = await webdriver(appPort, '/docs')
    try {
      await check(async () => {
        const result = await browser.eval(
          `document.getElementById('basic-image').naturalWidth`
        )

        if (result === 0) {
          throw new Error('Incorrectly loaded image')
        }

        return 'result-correct'
      }, /result-correct/)

      expect(await getImageUrls(browser)).toContain(
        `http://localhost:${appPort}/docs/_next/image?url=%2Fdocs%2Ftest.jpg&w=828&q=75${dpl}`
      )
    } finally {
      await browser.close()
    }
  })

  it('should update the image on src change', async () => {
    let browser = await webdriver(appPort, '/docs/update')
    try {
      await check(
        () => browser.eval(`document.getElementById("update-image").src`),
        /test\.jpg/
      )

      await browser.eval(`document.getElementById("toggle").click()`)

      await check(
        () => browser.eval(`document.getElementById("update-image").src`),
        /test\.png/
      )
    } finally {
      await browser.close()
    }
  })

  it('should work when using flexbox', async () => {
    let browser = await webdriver(appPort, '/docs/flex')
    try {
      await check(async () => {
        const result = await browser.eval(
          `document.getElementById('basic-image').width`
        )
        if (result === 0) {
          throw new Error('Incorrectly loaded image')
        }