fix: electron slowness within cy origin

packages/app/src/main.scss

@@ -29,3 +29,14 @@ html {
     height: 0;
   }
 }
+
+// used to style the spec bridge needed for cy.origin.
+iframe.spec-bridge-iframe {
+  border: none;
+  height: 100%;
+  position: fixed;
+  visibility: hidden;
+  width: 100%;
+  top: 0;
+  left: 0;
+}

packages/driver/cypress/support/utils.js

@@ -107,10 +107,7 @@ const getAllFn = (...aliases) => {
   )
 }
 
-// FIXME: currently increasing the timeout here from 250ms to 3 second
-// due to some unknown performance issues with logs coming back in from the primary in the 10.0-release branch.
-// this timeout should be reduced in the future once these performance issues are addressed.
-const shouldWithTimeout = (cb, timeout = 3000) => {
+const shouldWithTimeout = (cb, timeout = 250) => {
   cy.wrap({}, { timeout }).should(cb)
 }
 

packages/driver/src/cy/commands/origin/index.ts

@@ -48,7 +48,7 @@ export default (Commands, Cypress: Cypress.Cypress, cy: Cypress.cy, state: Cypre
     // not have a cy.origin for the intermediary origin.
     timeoutId = setTimeout(() => {
       Cypress.backend('cross:origin:release:html')
-    }, 1000)
+    }, 300)
   })
 
   Commands.addAll({

packages/runner/src/iframe/iframe.scss

@@ -94,12 +94,4 @@
     transform-origin: 50% 0;
     width: 100%;
   }
-}
-
-.spec-bridge-iframe {
-  border: none;
-  height: 100%;
-  position: fixed;
-  visibility: hidden;
-  width: 100%;
-}
+}

system-tests/__snapshots__/spec_bridge_in_viewport_spec.ts.js

@@ -0,0 +1,59 @@
+exports['e2e spec bridge in viewport / Overlays the reporter/AUT and is not positioned off screen, leading to potential performance impacts with cy.origin'] = `
+
+====================================================================================================
+
+  (Run Starting)
+
+  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
+  │ Cypress:      1.2.3                                                                            │
+  │ Browser:      FooBrowser 88                                                                    │
+  │ Specs:        1 found (spec_bridge.cy.ts)                                                      │
+  │ Searched:     cypress/e2e/spec_bridge.cy.ts                                                    │
+  │ Experiments:  experimentalSessionAndOrigin=true                                                │
+  └────────────────────────────────────────────────────────────────────────────────────────────────┘
+
+
+────────────────────────────────────────────────────────────────────────────────────────────────────
+
+  Running:  spec_bridge.cy.ts                                                               (1 of 1)
+
+
+  ✓ visits foobar.com and types foobar inside an input
+
+  1 passing
+
+
+  (Results)
+
+  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
+  │ Tests:        1                                                                                │
+  │ Passing:      1                                                                                │
+  │ Failing:      0                                                                                │
+  │ Pending:      0                                                                                │
+  │ Skipped:      0                                                                                │
+  │ Screenshots:  0                                                                                │
+  │ Video:        true                                                                             │
+  │ Duration:     X seconds                                                                        │
+  │ Spec Ran:     spec_bridge.cy.ts                                                                │
+  └────────────────────────────────────────────────────────────────────────────────────────────────┘
+
+
+  (Video)
+
+  -  Started processing:  Compressing to 32 CRF                                                     
+  -  Finished processing: /XXX/XXX/XXX/cypress/videos/spec_bridge.cy.ts.mp4               (X second)
+
+
+====================================================================================================
+
+  (Run Finished)
+
+
+       Spec                                              Tests  Passing  Failing  Pending  Skipped  
+  ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
+  │ ✔  spec_bridge.cy.ts                        XX:XX        1        1        -        -        - │
+  └────────────────────────────────────────────────────────────────────────────────────────────────┘
+    ✔  All specs passed!                        XX:XX        1        1        -        -        -  
+
+
+`

system-tests/projects/e2e/cypress/e2e/spec_bridge.cy.ts

@@ -0,0 +1,20 @@
+it('visits foobar.com and types foobar inside an input', () => {
+  cy.visit('primary_origin.html')
+  cy.get('[data-cy="cross_origin_secondary_link"]').click()
+
+  cy.origin('http://foobar.com:4466', () => {
+    cy.get('[data-cy="text-input"]').type('foobar')
+  })
+
+  // ensure stability
+  cy.then(() => {
+    const specBridgeIframe: HTMLIFrameElement = window.top.document.querySelector('.spec-bridge-iframe')
+    const currentBody = window.top.document.querySelector('body')
+
+    // make sure the spec bridge overlays the reporter/AUT and is not off the screen
+    expect(specBridgeIframe.offsetTop).to.equal(currentBody.offsetTop)
+    expect(specBridgeIframe.offsetLeft).to.equal(currentBody.offsetLeft)
+    expect(specBridgeIframe.clientWidth).to.equal(currentBody.clientWidth)
+    expect(specBridgeIframe.clientHeight).to.equal(currentBody.clientHeight)
+  })
+})

system-tests/projects/e2e/secondary_origin.html

@@ -6,6 +6,7 @@
   <p data-cy="dom-check">From a secondary origin</p>
   <p data-cy="cypress-check"></p>
   <p data-cy="window-before-load"></p>
+  <input data-cy="text-input" type="text"/>
   <form>
     <button type="submit">Submit</button>
   </form>

system-tests/test/spec_bridge_in_viewport_spec.ts

@@ -0,0 +1,38 @@
+import path from 'path'
+import systemTests 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`))
+  })
+}
+
+describe('e2e spec bridge in viewport', () => {
+  systemTests.setup({
+    servers: [{
+      port: 4466,
+      onServer,
+    }],
+    settings: {
+      hosts: {
+        '*.foobar.com': '127.0.0.1',
+      },
+    },
+  })
+
+  systemTests.it('Overlays the reporter/AUT and is not positioned off screen, leading to potential performance impacts with cy.origin', {
+    // keep the port the same to prevent issues with the snapshot
+    port: PORT,
+    spec: 'spec_bridge.cy.ts',
+    snapshot: true,
+    browser: 'electron',
+    expectedExitCode: 0,
+    config: {
+      experimentalSessionAndOrigin: true,
+    },
+  })
+})