chore(multi-domain): adding websocket support for backend and automation requests

packages/driver/cypress/integration/e2e/multi-domain/commands/multi_domain_cookies.spec.ts

@@ -1,6 +1,5 @@
 // @ts-ignore / session support is needed for visiting about:blank between tests
-// FIXME: hangs
-context.skip('multi-domain cookies', { experimentalSessionSupport: true, experimentalMultiDomain: true }, () => {
+context('multi-domain cookies', { experimentalSessionSupport: true, experimentalMultiDomain: true }, () => {
  beforeEach(() => {
  cy.visit('/fixtures/multi-domain.html')
  cy.get('a[data-cy="multi-domain-secondary-link"]').click()

packages/driver/cypress/integration/e2e/multi-domain/commands/multi_domain_files.spec.ts

@@ -3,12 +3,9 @@ context('multi-domain files', { experimentalSessionSupport: true, experimentalMu
  beforeEach(() => {
  cy.visit('/fixtures/multi-domain.html')
  cy.get('a[data-cy="multi-domain-secondary-link"]').click()
- cy.stub(Cypress, 'backend').callThrough()
  })
 
- // FIXME: CypressError: `cy.fixture()` timed out waiting `undefinedms` to receive a fixture. No fixture was ever sent by the server.
- // at eval (webpack:///../driver/src/cy/commands/fixtures.ts?:89:85)
- it.skip('.fixture()', () => {
+ it('.fixture()', () => {
  cy.switchToDomain('foobar.com', () => {
  cy.fixture('example.json').then((json) => {
  expect(json).to.be.an('object')
@@ -17,9 +14,7 @@ context('multi-domain files', { experimentalSessionSupport: true, experimentalMu
  })
  })
 
- // FIXME: CypressError: `cy.readFile("cypress/fixtures/multi-domain.json")` timed out after waiting `undefinedms`.
- // at eval (webpack:///../driver/src/cy/commands/files.ts?:59:89)
- it.skip('.readFile()', () => {
+ it('.readFile()', () => {
  cy.switchToDomain('foobar.com', () => {
  cy.readFile('cypress/fixtures/example.json').then((json) => {
  expect(json).to.be.an('object')
@@ -28,10 +23,10 @@ context('multi-domain files', { experimentalSessionSupport: true, experimentalMu
  })
  })
 
- // FIXME: Cypress.backend.resolves is not a function
- // Works when not using switchToDomain
+ // FIXME: stub on Cypress.backend is causing an infinite loop
  it.skip('.writeFile()', () => {
  cy.switchToDomain('foobar.com', () => {
+ cy.stub(Cypress, 'backend')
  // @ts-ignore
  Cypress.backend.resolves({
  contents: JSON.stringify({ foo: 'bar' }),

packages/driver/cypress/integration/e2e/multi-domain/commands/multi_domain_misc.spec.ts

@@ -27,9 +27,7 @@ context('multi-domain misc', { experimentalSessionSupport: true, experimentalMul
  })
  })
 
- // FIXME: CypressError: `cy.exec('echo foobar')` timed out after waiting `undefinedms`.
- // at eval (webpack:///../driver/src/cy/commands/exec.ts?:89:85)
- it.skip('.exec()', () => {
+ it('.exec()', () => {
  cy.switchToDomain('foobar.com', () => {
  cy.exec('echo foobar').its('stdout').should('contain', 'foobar')
  })
@@ -81,10 +79,7 @@ context('multi-domain misc', { experimentalSessionSupport: true, experimentalMul
  })
  })
 
- // FIXME: CypressError: `cy.task('return:arg')` timed out after waiting `undefinedms`.
- // at eval(webpack:///../driver/src/cy/commands/task.ts?:72:78)
- // From previous event: at task(webpack:///../driver/src/cy/commands/task.ts?:71:15)
- it.skip('.task()', () => {
+ it('.task()', () => {
  cy.switchToDomain('foobar.com', () => {
  cy.task('return:arg', 'works').should('eq', 'works')
  })

packages/driver/src/multi-domain/cypress.ts

@@ -13,6 +13,7 @@ import { SpecBridgeDomainCommunicator } from './communicator'
 import { handleDomainFn } from './domain_fn'
 import { handleCommands } from './commands'
 import { handleLogs } from './logs'
+import { handleSocketEvents } from './socket'
 
 const specBridgeCommunicator = new SpecBridgeDomainCommunicator()
 
@@ -31,6 +32,12 @@ const setup = () => {
  path: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
  version: '90.0.4430.212',
  },
+ defaultCommandTimeout: 4000,
+ execTimeout: 60000,
+ taskTimeout: 60000,
+ pageLoadTimeout: 60000,
+ requestTimeout: 5000,
+ responseTimeout: 30000,
  }) as Cypress.Cypress
 
  // @ts-ignore
@@ -55,6 +62,7 @@ const setup = () => {
  handleDomainFn(cy, specBridgeCommunicator)
  handleCommands(Cypress, cy, specBridgeCommunicator)
  handleLogs(Cypress, specBridgeCommunicator)
+ handleSocketEvents(Cypress)
 
  cy.onBeforeAppWindowLoad = onBeforeAppWindowLoad(Cypress, cy)
 

packages/driver/src/multi-domain/socket.ts

@@ -0,0 +1,19 @@
+import { client } from '@packages/socket'
+
+const webSocket = client({
+ path: '/__socket.io',
+ transports: ['websocket'],
+}).connect()
+
+const onBackendRequest = (...args) => {
+ webSocket.emit('backend:request', ...args)
+}
+
+const onAutomationRequest = (...args) => {
+ webSocket.emit('automation:request', ...args)
+}
+
+export const handleSocketEvents = (Cypress) => {
+ Cypress.on('backend:request', onBackendRequest)
+ Cypress.on('automation:request', onAutomationRequest)
+}

packages/driver/types/internal-types.d.ts

@@ -12,6 +12,8 @@ declare namespace Cypress {
  (action: 'internal:window:load', fn: (details: InternalWindowLoadDetails) => void)
  (action: 'net:stubbing:event', frame: any)
  (action: 'request:event', data: any)
+ (action: 'backend:request', fn: (...any) => void)
+ (action: 'automation:request', fn: (...any) => void)
  }
 
  interface cy {