cy_origin_error_spec.ts

import path from 'path'
import systemTests, { expect } from '../lib/system-tests'
import Fixtures from '../lib/fixtures'

const e2ePath = Fixtures.projectPath('e2e')

const PORT = 3500
const onServer = function (app) {
  app.get('/secondary_origin.html', (_, res) => {
    res.sendFile(path.join(e2ePath, 'secondary_origin.html'))
  })
}
const commonConfig = {
  hosts: {
    '*.foobar.com': '127.0.0.1',
  },
  e2e: {
    experimentalOriginDependencies: true,
  },
}

// TODO: This is probably more appropriate for a cy-in-cy test
// https://github.com/cypress-io/cypress/issues/20973
describe('e2e cy.origin errors', () => {
  systemTests.setup({
    servers: [{
      port: 4466,
      onServer,
    }],
  })

  systemTests.it('captures the stack trace correctly for errors in cross origins to point users to their "cy.origin" callback', {
    browser: '!webkit', // TODO(webkit): fix+unskip (needs multidomain support)
    // keep the port the same to prevent issues with the snapshot
    port: PORT,
    spec: 'cy_origin_error.cy.ts',
    expectedExitCode: 2,
    config: commonConfig,
    async onRun (exec) {
      const { stdout } = await exec()

      expect(stdout).to.contain('AssertionError')
      expect(stdout).to.contain('Timed out retrying after 1ms: Expected to find element: `#doesnotexist`, but never found it.')

      // FIXME: @see https://github.com/cypress-io/cypress/issues/29614
      // projects using Typescript 5 do not calculate the userInvocationStack correctly,
      // leading to a small mismatch when linking stack traces back to the user's IDE from
      // the command log.

      // check to make sure stack trace contains the 'cy.origin' source
      expect(stdout).to.contain('webpack://e2e/./cypress/e2e/cy_origin_error.cy.ts:16')
      expect(stdout).to.contain('webpack://e2e/./cypress/e2e/cy_origin_error.cy.ts:34')
    },
  })
})