diff --git a/circle.yml b/circle.yml
index caefb528a2e1..f80a53bc6e04 100644
--- a/circle.yml
+++ b/circle.yml
@@ -2379,11 +2379,10 @@ linux-x64-workflow: &linux-x64-workflow
         context: test-runner:cypress-record-key
         requires:
           - build
-    # TODO: Fix keyboard tests to fix the majority of these tests before re-enabling
-    # - driver-integration-tests-webkit:
-    #     context: test-runner:cypress-record-key
-    #     requires:
-    #       - build
+    - driver-integration-tests-webkit:
+        context: test-runner:cypress-record-key
+        requires:
+          - build
     - driver-integration-tests-chrome-experimentalSessionAndOrigin:
         context: test-runner:cypress-record-key
         requires:
diff --git a/packages/driver/cypress/e2e/commands/actions/check.cy.js b/packages/driver/cypress/e2e/commands/actions/check.cy.js
index 6190444d37a0..66d4cc46631b 100644
--- a/packages/driver/cypress/e2e/commands/actions/check.cy.js
+++ b/packages/driver/cypress/e2e/commands/actions/check.cy.js
@@ -272,8 +272,9 @@ describe('src/cy/commands/actions/check', () => {
       })
     })
 
+    // TODO(webkit): fix+unskip
     // https://github.com/cypress-io/cypress/issues/4233
-    it('can check an element behind a sticky header', () => {
+    it('can check an element behind a sticky header', { browser: '!webkit' }, () => {
       cy.viewport(400, 400)
       cy.visit('./fixtures/sticky-header.html')
       cy.get(':checkbox:first').check()
diff --git a/packages/driver/cypress/e2e/commands/actions/click.cy.js b/packages/driver/cypress/e2e/commands/actions/click.cy.js
index abbe5fcb5dfb..1ec6075c6269 100644
--- a/packages/driver/cypress/e2e/commands/actions/click.cy.js
+++ b/packages/driver/cypress/e2e/commands/actions/click.cy.js
@@ -46,7 +46,8 @@ const getMidPoint = (el) => {
 
 const isFirefox = Cypress.isBrowser('firefox')
 
-describe('src/cy/commands/actions/click', () => {
+// TODO(webkit): fix+unskip for experimental webkit
+describe('src/cy/commands/actions/click', { browser: '!webkit' }, () => {
   beforeEach(() => {
     cy.visit('/fixtures/dom.html')
   })
@@ -3928,7 +3929,8 @@ describe('src/cy/commands/actions/click', () => {
   })
 })
 
-describe('shadow dom', () => {
+// TODO(webkit): fix+unskip for experimental webkit
+describe('shadow dom', { browser: '!webkit' }, () => {
   beforeEach(() => {
     cy.visit('/fixtures/shadow-dom.html')
   })
@@ -3991,7 +3993,8 @@ describe('shadow dom', () => {
   })
 })
 
-describe('mouse state', () => {
+// TODO(webkit): fix+unskip for experimental webkit
+describe('mouse state', { browser: '!webkit' }, () => {
   describe('mouse/pointer events', () => {
     beforeEach(() => {
       cy.visit('http://localhost:3500/fixtures/dom.html')
diff --git a/packages/driver/cypress/e2e/commands/actions/selectFile.cy.js b/packages/driver/cypress/e2e/commands/actions/selectFile.cy.js
index c91a52550683..e75eb986615f 100644
--- a/packages/driver/cypress/e2e/commands/actions/selectFile.cy.js
+++ b/packages/driver/cypress/e2e/commands/actions/selectFile.cy.js
@@ -588,7 +588,8 @@ is being covered by another element:
         cy.get('#hidden-basic-label').selectFile({ contents: '@foo' }, { force: true })
       })
 
-      it('can scroll to input', () => {
+      // TODO(webkit): fix+unskip for experimental webkit
+      it('can scroll to input', { browser: '!webkit' }, () => {
         const scrolled = []
 
         cy.on('scrolled', ($el, type) => {
@@ -646,7 +647,8 @@ is being covered by another element:
         })
       })
 
-      it('can specify scrollBehavior in options', () => {
+      // TODO(webkit): fix+unskip for experimental webkit
+      it('can specify scrollBehavior in options', { browser: '!webkit' }, () => {
         cy.get('#scroll').then((el) => {
           cy.spy(el[0], 'scrollIntoView')
         })
diff --git a/packages/driver/cypress/e2e/commands/actions/type.cy.js b/packages/driver/cypress/e2e/commands/actions/type.cy.js
index 188c8003f462..f958043dddd9 100644
--- a/packages/driver/cypress/e2e/commands/actions/type.cy.js
+++ b/packages/driver/cypress/e2e/commands/actions/type.cy.js
@@ -22,7 +22,8 @@ const expectTextEndsWith = (expected) => {
   }
 }
 
-describe('src/cy/commands/actions/type - #type', () => {
+// TODO(webkit): fix+unskip for experimental webkit
+describe('src/cy/commands/actions/type - #type', { browser: '!webkit' }, () => {
   beforeEach(() => {
     cy.visit('/fixtures/dom.html')
   })
diff --git a/packages/driver/cypress/e2e/commands/actions/type_errors.cy.js b/packages/driver/cypress/e2e/commands/actions/type_errors.cy.js
index b5c864ee7a4e..00225dc4c44d 100644
--- a/packages/driver/cypress/e2e/commands/actions/type_errors.cy.js
+++ b/packages/driver/cypress/e2e/commands/actions/type_errors.cy.js
@@ -1,7 +1,8 @@
 const { assertLogLength } = require('../../../support/utils')
 const { _, $ } = Cypress
 
-describe('src/cy/commands/actions/type - #type errors', () => {
+// TODO(webkit): fix+unskip for experimental webkit release
+describe('src/cy/commands/actions/type - #type errors', { browser: '!webkit' }, () => {
   beforeEach(() => {
     cy.visit('/fixtures/dom.html')
   })
diff --git a/packages/driver/cypress/e2e/commands/actions/type_special_chars.cy.js b/packages/driver/cypress/e2e/commands/actions/type_special_chars.cy.js
index 4123fbede66a..847ba0b64cf6 100644
--- a/packages/driver/cypress/e2e/commands/actions/type_special_chars.cy.js
+++ b/packages/driver/cypress/e2e/commands/actions/type_special_chars.cy.js
@@ -6,7 +6,8 @@ const {
   trimInnerText,
 } = require('../../../support/utils')
 
-describe('src/cy/commands/actions/type - #type special chars', () => {
+// TODO(webkit): fix+unskip for experimental webkit release
+describe('src/cy/commands/actions/type - #type special chars', { browser: '!webkit' }, () => {
   before(function () {
     cy
     .visit('/fixtures/dom.html')
diff --git a/packages/driver/cypress/e2e/commands/cookies.cy.js b/packages/driver/cypress/e2e/commands/cookies.cy.js
index 2129bc9c901c..eb4c3a40642a 100644
--- a/packages/driver/cypress/e2e/commands/cookies.cy.js
+++ b/packages/driver/cypress/e2e/commands/cookies.cy.js
@@ -500,7 +500,8 @@ describe('src/cy/commands/cookies', () => {
       cy.setCookie('five', 'bar')
 
       // @see https://bugzilla.mozilla.org/show_bug.cgi?id=1624668
-      if (Cypress.isBrowser('firefox')) {
+      // TODO(webkit): pw webkit has the same issue as firefox (no "unspecified" state), need a patched binary
+      if (Cypress.isBrowser('firefox') || Cypress.isBrowser('webkit')) {
         cy.getCookie('five').should('include', { sameSite: 'no_restriction' })
       } else {
         cy.getCookie('five').should('not.have.property', 'sameSite')
diff --git a/packages/driver/cypress/e2e/commands/navigation.cy.js b/packages/driver/cypress/e2e/commands/navigation.cy.js
index 1d79269b7119..f1da6de4a875 100644
--- a/packages/driver/cypress/e2e/commands/navigation.cy.js
+++ b/packages/driver/cypress/e2e/commands/navigation.cy.js
@@ -1906,7 +1906,8 @@ describe('src/cy/commands/navigation', () => {
     })
   })
 
-  context('#page load', () => {
+  // TODO(webkit): fix+unskip for experimental webkit release
+  context('#page load', { browser: '!webkit' }, () => {
     it('sets initial=true and then removes', () => {
       Cookie.remove('__cypress.initial')
 
@@ -2364,7 +2365,8 @@ describe('src/cy/commands/navigation', () => {
     })
   })
 
-  context('#url:changed', () => {
+  // TODO(webkit): fix+unskip for experimental webkit release
+  context('#url:changed', { browser: '!webkit' }, () => {
     beforeEach(function () {
       this.logs = []
 
diff --git a/packages/driver/cypress/e2e/commands/net_stubbing.cy.ts b/packages/driver/cypress/e2e/commands/net_stubbing.cy.ts
index eaf014043174..287e38e343b0 100644
--- a/packages/driver/cypress/e2e/commands/net_stubbing.cy.ts
+++ b/packages/driver/cypress/e2e/commands/net_stubbing.cy.ts
@@ -1009,7 +1009,7 @@ describe('network stubbing', function () {
       // a different domain from the page own domain
       // NOTE: this domain is redirected back to the local host test server
       // using "hosts" setting in the "cypress.json" file
-      const corsUrl = 'http://diff.foobar.com:3501/no-cors'
+      let corsUrl = 'http://diff.foobar.com:3501/no-cors'
 
       beforeEach(() => {
         cy.visit('http://127.0.0.1:3500/fixtures/dom.html')
@@ -1043,14 +1043,20 @@ describe('network stubbing', function () {
       })
 
       it('can be overwritten', function () {
-        cy.intercept('OPTIONS', '/no-cors', (req) => {
+        if (Cypress.isBrowser('webkit')) {
+          // WebKit appears to cache successful OPTIONS responses that happen in quick succession
+          // so append a number to the corsUrl so the previous test doesn't cause this one to fail
+          corsUrl += 'v2'
+        }
+
+        cy.intercept('OPTIONS', '/no-cors*', (req) => {
           req.reply({
             headers: {
               'access-control-allow-origin': 'http://wrong.invalid',
             },
           })
         })
-        .intercept('/no-cors', (req) => {
+        .intercept('/no-cors*', (req) => {
           req.reply(`intercepted ${req.method}`)
         })
         .then(() => {
@@ -2379,7 +2385,9 @@ describe('network stubbing', function () {
         .and('include', 'content-type: application/json')
       })
 
-      it('can forceNetworkError', function (done) {
+      // TODO(webkit): extremely flaky for some reason. need to figure out why and either fix
+      // or disable forceNetworkError for experimental release
+      it('can forceNetworkError', { browser: '!webkit' }, function (done) {
         const url = uniqueRoute('/foo')
 
         cy.intercept(`${url}*`, function (req) {
@@ -2609,7 +2617,9 @@ describe('network stubbing', function () {
     })
 
     it('intercepts cached responses as expected', {
-      browser: '!firefox', // TODO: why does firefox behave differently? transparently returns cached response
+      // TODO: why does firefox behave differently? transparently returns cached response
+      // TODO(webkit): fix+unskip. currently fails in WK because cache is disabled
+      browser: { family: 'chromium' },
     }, function () {
       cy.visit('/fixtures/empty.html')
 
@@ -3062,7 +3072,9 @@ describe('network stubbing', function () {
         .should('include', { foo: 1 })
       })
 
-      it('can forceNetworkError', function (done) {
+      // TODO(webkit): extremely flaky for some reason. need to figure out why and either fix
+      // or disable forceNetworkError for experimental release
+      it('can forceNetworkError', { browser: '!webkit' }, function (done) {
         const url = uniqueRoute('/foo')
 
         cy.intercept(`${url}*`, function (req) {
@@ -3453,7 +3465,8 @@ describe('network stubbing', function () {
     })
 
     // @see https://github.com/cypress-io/cypress/issues/8934
-    it('can spy on a 304 not modified image response', function () {
+    // TODO(webkit): fix+unskip. currently fails in WK because cache is disabled
+    it('can spy on a 304 not modified image response', { browser: '!webkit' }, function () {
       const url = `/fixtures/media/cypress.png?i=${Date.now()}`
 
       cy.intercept(url).as('image')
diff --git a/packages/driver/cypress/e2e/commands/xhr.cy.js b/packages/driver/cypress/e2e/commands/xhr.cy.js
index d4cfd06c557e..b05bad7ade44 100644
--- a/packages/driver/cypress/e2e/commands/xhr.cy.js
+++ b/packages/driver/cypress/e2e/commands/xhr.cy.js
@@ -1029,7 +1029,9 @@ describe('src/cy/commands/xhr', () => {
 
           try {
             assertLogLength(this.logs, 1)
-            expect(lastLog.get('error').message).contain('foo is not defined')
+            const undefinedError = Cypress.browser.family === 'webkit' ? 'Can\'t find variable: foo' : 'foo is not defined'
+
+            expect(lastLog.get('error').message).contain(undefinedError)
 
             done()
           } catch (err) {
@@ -2695,7 +2697,10 @@ describe('src/cy/commands/xhr', () => {
   })
 
   context('Cypress.on(window:unload)', () => {
-    it('cancels all open XHR\'s', () => {
+    // TODO(webkit): fix+unskip. XHRs are at { readyState: 4 } when they are canceled
+    // leading to a failure when we check `xhr.canceled`. `xhr.canceled` is non-standard so a better
+    // test may be needed here?
+    it('cancels all open XHR\'s', { browser: '!webkit' }, () => {
       const xhrs = []
 
       cy
@@ -2750,7 +2755,8 @@ describe('src/cy/commands/xhr', () => {
       .wait('@getFoo').its('url').should('include', '/foo')
     })
 
-    it('reapplies server + route automatically during page transitions', () => {
+    // TODO(webkit): fix+unskip. seems to be related to `cy.click` event not firing on the <a>, not an actual issue in cy.route
+    it('reapplies server + route automatically during page transitions', { browser: '!webkit' }, () => {
       // this tests that the server + routes are automatically reapplied
       // after the 2nd visit - which is an example of the remote iframe
       // causing an onBeforeLoad event
diff --git a/packages/driver/cypress/e2e/cy/timers.cy.js b/packages/driver/cypress/e2e/cy/timers.cy.js
index 0db6a7314b7d..c97669b191ed 100644
--- a/packages/driver/cypress/e2e/cy/timers.cy.js
+++ b/packages/driver/cypress/e2e/cy/timers.cy.js
@@ -430,7 +430,8 @@ describe('driver/src/cy/timers', () => {
     //
   })
 
-  it('does not fire queued timers if page transitions while paused', () => {
+  // TODO(webkit): fix+unskip
+  it('does not fire queued timers if page transitions while paused', { browser: '!webkit' }, () => {
     // at least in chrome... whenever the page is unloaded
     // the browser WILL CANCEL outstanding macrotasks automatically
     // and invoking them does nothing
diff --git a/packages/driver/cypress/e2e/cypress/cy.cy.js b/packages/driver/cypress/e2e/cypress/cy.cy.js
index 9ae804558131..32dddd8e3551 100644
--- a/packages/driver/cypress/e2e/cypress/cy.cy.js
+++ b/packages/driver/cypress/e2e/cypress/cy.cy.js
@@ -113,7 +113,8 @@ describe('driver/src/cypress/cy', () => {
       })
     })
 
-    it('stores invocation stack for first command', () => {
+    // TODO(webkit): fix+unskip for experimental webkit
+    it('stores invocation stack for first command', { browser: '!webkit' }, () => {
       cy
       .get('input:first')
       .then(() => {
@@ -123,7 +124,8 @@ describe('driver/src/cypress/cy', () => {
       })
     })
 
-    it('stores invocation stack for chained command', () => {
+    // TODO(webkit): fix+unskip for experimental webkit
+    it('stores invocation stack for chained command', { browser: '!webkit' }, () => {
       cy
       .get('div')
       .find('input')
@@ -173,7 +175,8 @@ describe('driver/src/cypress/cy', () => {
       })
     })
 
-    describe('invocation stack', () => {
+    // TODO(webkit): fix+unskip for experimental webkit
+    describe('invocation stack', { browser: '!webkit' }, () => {
       beforeEach(() => {
         Cypress.Commands.add('getInput', () => cy.get('input'))
         Cypress.Commands.add('findInput', { prevSubject: 'element' }, (subject) => {
diff --git a/packages/driver/cypress/e2e/cypress/error_utils.cy.ts b/packages/driver/cypress/e2e/cypress/error_utils.cy.ts
index b69043d21b8b..6d8e8d0e75bb 100644
--- a/packages/driver/cypress/e2e/cypress/error_utils.cy.ts
+++ b/packages/driver/cypress/e2e/cypress/error_utils.cy.ts
@@ -353,7 +353,8 @@ describe('driver/src/cypress/error_utils', () => {
       expect(fn).to.throw('Simple error with a message')
     })
 
-    it('removes internal stack lines from stack', () => {
+    // TODO(webkit): fix+unskip for experimental webkit
+    it('removes internal stack lines from stack', { browser: '!webkit' }, () => {
       // this features relies on Error.captureStackTrace, which some
       // browsers don't have (e.g. Firefox)
       if (!Error.captureStackTrace) return
@@ -598,7 +599,8 @@ describe('driver/src/cypress/error_utils', () => {
   })
 
   context('Error.captureStackTrace', () => {
-    it('works - even where not natively support', () => {
+    // TODO(webkit): fix+unskip for experimental webkit
+    it('works - even where not natively support', { browser: '!webkit' }, () => {
       function removeMe2 () {
         const err: Record<string, any> = {}
 
diff --git a/packages/driver/cypress/e2e/dom/visibility.cy.ts b/packages/driver/cypress/e2e/dom/visibility.cy.ts
index cc04e297dde3..903be554218a 100644
--- a/packages/driver/cypress/e2e/dom/visibility.cy.ts
+++ b/packages/driver/cypress/e2e/dom/visibility.cy.ts
@@ -649,7 +649,8 @@ describe('src/cypress/dom/visibility', () => {
         cy.wrap(this.$optionHiddenInSelect.find('#hidden-opt')).should('not.be.visible')
       })
 
-      it('follows regular visibility logic if option outside of select', function () {
+      // TODO(webkit): fix+unskip
+      it('follows regular visibility logic if option outside of select', { browser: '!webkit' }, function () {
         expect(this.$optionOutsideSelect.find('#option-hidden').is(':hidden')).to.be.true
         expect(this.$optionOutsideSelect.find('#option-hidden')).to.be.hidden
         cy.wrap(this.$optionOutsideSelect.find('#option-hidden')).should('be.hidden')
diff --git a/packages/driver/cypress/e2e/e2e/dom_hitbox.cy.js b/packages/driver/cypress/e2e/e2e/dom_hitbox.cy.js
index 3bbf471875e2..4abec6436581 100644
--- a/packages/driver/cypress/e2e/e2e/dom_hitbox.cy.js
+++ b/packages/driver/cypress/e2e/e2e/dom_hitbox.cy.js
@@ -2,7 +2,8 @@ const { clickCommandLog } = require('../../support/utils')
 const { _ } = Cypress
 
 // https://github.com/cypress-io/cypress/pull/5299/files
-describe('rect highlight', () => {
+// TODO(webkit): fix+unskip for experimental webkit
+describe('rect highlight', { browser: '!webkit' }, () => {
   beforeEach(() => {
     cy.visit('/fixtures/dom.html')
   })
diff --git a/packages/driver/cypress/e2e/e2e/focus_blur.cy.js b/packages/driver/cypress/e2e/e2e/focus_blur.cy.js
index be8247f158fc..e80a5c1de06c 100644
--- a/packages/driver/cypress/e2e/e2e/focus_blur.cy.js
+++ b/packages/driver/cypress/e2e/e2e/focus_blur.cy.js
@@ -509,7 +509,8 @@ describe('polyfill programmatic blur events', () => {
   })
 })
 
-describe('intercept blur methods correctly', () => {
+// TODO(webkit): fix+unskip for experimental webkit release
+describe('intercept blur methods correctly', { browser: '!webkit' }, () => {
   beforeEach(() => {
     cy.visit('http://localhost:3500/fixtures/active-elements.html').then(() => {
       top.focus()
diff --git a/packages/driver/cypress/e2e/e2e/react-15.cy.js b/packages/driver/cypress/e2e/e2e/react-15.cy.js
index 9e4cb9886822..16c8561e1468 100644
--- a/packages/driver/cypress/e2e/e2e/react-15.cy.js
+++ b/packages/driver/cypress/e2e/e2e/react-15.cy.js
@@ -1,4 +1,5 @@
-describe('react v15.6.0', () => {
+// TODO(webkit): fix+unskip for experimental webkit release
+describe('react v15.6.0', { browser: '!webkit' }, () => {
   context('fires onChange events', () => {
     beforeEach(() => {
       cy.visit('/fixtures/react-15.html')
diff --git a/packages/driver/cypress/e2e/e2e/react-16.cy.js b/packages/driver/cypress/e2e/e2e/react-16.cy.js
index 833993011dec..7a7c989ad256 100644
--- a/packages/driver/cypress/e2e/e2e/react-16.cy.js
+++ b/packages/driver/cypress/e2e/e2e/react-16.cy.js
@@ -1,4 +1,5 @@
-describe('react v16.0.0', () => {
+// TODO(webkit): fix+unskip for experimental webkit release
+describe('react v16.0.0', { browser: '!webkit' }, () => {
   context('fires onChange events', () => {
     beforeEach(() => {
       cy.visit('/fixtures/react-16.html')
diff --git a/packages/driver/cypress/e2e/e2e/testConfigOverrides.cy.js b/packages/driver/cypress/e2e/e2e/testConfigOverrides.cy.js
index ee774bd39fed..d7431df2f1c3 100644
--- a/packages/driver/cypress/e2e/e2e/testConfigOverrides.cy.js
+++ b/packages/driver/cypress/e2e/e2e/testConfigOverrides.cy.js
@@ -6,48 +6,21 @@ describe('per-test config', () => {
     ranChrome: false,
     ranChromium: false,
     ranElectron: false,
+    ranWebKit: false,
   }
 
   after(function () {
     if (hasOnly(this.currentTest)) return
 
-    if (Cypress.browser.family === 'firefox') {
-      return expect(testState).deep.eq({
-        ranChrome: false,
-        ranChromium: false,
-        ranFirefox: true,
-        ranElectron: false,
-      })
-    }
-
-    if (Cypress.browser.name === 'chrome') {
-      return expect(testState).deep.eq({
-        ranChrome: true,
-        ranChromium: false,
-        ranFirefox: false,
-        ranElectron: false,
-      })
-    }
-
-    if (Cypress.browser.name === 'chromium') {
-      return expect(testState).deep.eq({
-        ranChrome: false,
-        ranChromium: true,
-        ranFirefox: false,
-        ranElectron: false,
-      })
-    }
+    const { name } = Cypress.browser
 
-    if (Cypress.browser.name === 'electron') {
-      return expect(testState).deep.eq({
-        ranChrome: false,
-        ranChromium: false,
-        ranFirefox: false,
-        ranElectron: true,
-      })
-    }
-
-    throw new Error('should have made assertion')
+    expect(testState).deep.eq({
+      ranChrome: name === 'chrome',
+      ranChromium: name === 'chromium',
+      ranFirefox: name === 'firefox',
+      ranElectron: name === 'electron',
+      ranWebKit: name === 'webkit',
+    })
   })
 
   it('set various config values', {
@@ -105,6 +78,13 @@ describe('per-test config', () => {
     expect(Cypress.browser.name).eq('electron')
   })
 
+  it('can specify only run in webkit', {
+    browser: 'webkit',
+  }, () => {
+    testState.ranWebKit = true
+    expect(Cypress.browser.name).eq('webkit')
+  })
+
   describe('mutating global config via Cypress.config and Cypress.env', () => {
     it('1/2 global config and env', {
       defaultCommandTimeout: 1234,
diff --git a/packages/driver/cypress/e2e/e2e/text_mask.cy.js b/packages/driver/cypress/e2e/e2e/text_mask.cy.js
index 8de87ec3a16d..18a4580a96a6 100644
--- a/packages/driver/cypress/e2e/e2e/text_mask.cy.js
+++ b/packages/driver/cypress/e2e/e2e/text_mask.cy.js
@@ -1,6 +1,7 @@
 let changed = 0
 
-describe('src/cy/commands/actions/type text_mask_spec', () => {
+// TODO(webkit): fix+unskip for experimental webkit release
+describe('src/cy/commands/actions/type text_mask_spec', { browser: '!webkit' }, () => {
   beforeEach(() => {
     cy.visit('/fixtures/text-mask.html')
 
diff --git a/packages/driver/cypress/e2e/e2e/uncaught_errors.cy.js b/packages/driver/cypress/e2e/e2e/uncaught_errors.cy.js
index e588d0930597..95bc5eb8fdd4 100644
--- a/packages/driver/cypress/e2e/e2e/uncaught_errors.cy.js
+++ b/packages/driver/cypress/e2e/e2e/uncaught_errors.cy.js
@@ -97,7 +97,8 @@ describe('uncaught errors', () => {
     cy.get('.error-two').invoke('text').should('equal', 'async error')
   })
 
-  it('unhandled rejection triggers uncaught:exception and has promise as third argument', (done) => {
+  // TODO(webkit): fix+unskip. the browser emits the correct event, but not at the time expected
+  it('unhandled rejection triggers uncaught:exception and has promise as third argument', { browser: '!webkit' }, (done) => {
     cy.once('uncaught:exception', (err, runnable, promise) => {
       expect(err.stack).to.include('promise rejection')
       expect(err.stack).to.include('one')
@@ -116,7 +117,7 @@ describe('uncaught errors', () => {
 
   // if we mutate the error, the app's listeners for 'error' or
   // 'unhandledrejection' will have our wrapped error instead of the original
-  it('original error is not mutated for "error"', () => {
+  it('original error is not mutated for "error"', { browser: '!webkit' }, () => {
     cy.once('uncaught:exception', () => false)
 
     cy.visit('/fixtures/errors.html')
@@ -125,7 +126,8 @@ describe('uncaught errors', () => {
     cy.get('.error-two').invoke('text').should('equal', 'sync error')
   })
 
-  it('original error is not mutated for "unhandledrejection"', () => {
+  // TODO(webkit): fix+unskip. the browser emits the correct event, but not at the time expected
+  it('original error is not mutated for "unhandledrejection"', { browser: '!webkit' }, () => {
     cy.once('uncaught:exception', () => false)
 
     cy.visit('/fixtures/errors.html')
diff --git a/packages/driver/cypress/e2e/e2e/webcam.cy.js b/packages/driver/cypress/e2e/e2e/webcam.cy.js
index debfeb3fe5ef..0c4e832b4bbb 100644
--- a/packages/driver/cypress/e2e/e2e/webcam.cy.js
+++ b/packages/driver/cypress/e2e/e2e/webcam.cy.js
@@ -1,13 +1,8 @@
 // https://github.com/cypress-io/cypress/issues/2704
 
-describe('webcam support', () => {
-  if (Cypress.isBrowser('firefox')) {
-    // TODO: (firefox) allow auto-bypass webcam prompt
-    it.skip('navigator.mediaDevices.getUserMedia resolves with fake media stream')
-
-    return
-  }
-
+// TODO: (firefox) allow auto-bypass webcam prompt
+// NOTE: playwright-webkit does not support fake webcam: https://github.com/microsoft/playwright/issues/2973
+describe('webcam support', { browser: { family: 'chromium' } }, () => {
   it('navigator.mediaDevices.getUserMedia resolves with fake media stream', () => {
     cy.visit('/fixtures/webcam.html')
     cy.window().then((win) => {
diff --git a/packages/driver/cypress/e2e/issues/1244.cy.js b/packages/driver/cypress/e2e/issues/1244.cy.js
index c712d8804e7b..ea208886c68a 100644
--- a/packages/driver/cypress/e2e/issues/1244.cy.js
+++ b/packages/driver/cypress/e2e/issues/1244.cy.js
@@ -11,7 +11,8 @@ describe('issue 1244', () => {
 
   for (const [el, target, action] of [['button', 'form', 'submit'], ['a', 'a', 'click']]) {
     // <form> submit, <a> click
-    describe(`<${target}> ${action}`, () => {
+    // TODO(webkit): fix+unskip for experimental webkit release, or make skip more specific (only 4 of these generated tests fail in webkit)
+    describe(`<${target}> ${action}`, { browser: '!webkit' }, () => {
       it('correctly redirects when target=_top with target.target =', () => {
         cy.get(`${el}.setTarget`).click()
         cy.get('#dom').should('contain', 'DOM')
diff --git a/packages/driver/cypress/e2e/issues/7170.cy.js b/packages/driver/cypress/e2e/issues/7170.cy.js
index da8795cde689..8f6660e1b987 100644
--- a/packages/driver/cypress/e2e/issues/7170.cy.js
+++ b/packages/driver/cypress/e2e/issues/7170.cy.js
@@ -1,4 +1,5 @@
-describe('issue 7170', () => {
+// TODO(webkit): fix+unskip for experimental webkit - also, maybe move to the correct context in type_spec
+describe('issue 7170', { browser: '!webkit' }, () => {
   it('can type in a number field correctly', () => {
     cy.visit('fixtures/issue-7170.html')
     cy.get('button').click()
diff --git a/packages/server/lib/browsers/cdp_automation.ts b/packages/server/lib/browsers/cdp_automation.ts
index 7d96704741db..77d7872827ad 100644
--- a/packages/server/lib/browsers/cdp_automation.ts
+++ b/packages/server/lib/browsers/cdp_automation.ts
@@ -150,7 +150,7 @@ const normalizeSetCookieProps = (cookie: CyCookie): Protocol.Network.SetCookieRe
   return setCookieRequest
 }
 
-const normalizeResourceType = (resourceType: string | undefined): ResourceType => {
+export const normalizeResourceType = (resourceType: string | undefined): ResourceType => {
   resourceType = resourceType ? resourceType.toLowerCase() : 'unknown'
   if (validResourceTypes.includes(resourceType as ResourceType)) {
     return resourceType as ResourceType
diff --git a/packages/server/lib/browsers/webkit-automation.ts b/packages/server/lib/browsers/webkit-automation.ts
index 6dc9e56e7fe5..0ebac526187a 100644
--- a/packages/server/lib/browsers/webkit-automation.ts
+++ b/packages/server/lib/browsers/webkit-automation.ts
@@ -1,6 +1,10 @@
 import _ from 'lodash'
-
+import Debug from 'debug'
 import type playwright from 'playwright-webkit'
+import type { Automation } from '../automation'
+import { normalizeResourceType } from './cdp_automation'
+
+const debug = Debug('cypress:server:browsers:webkit-automation')
 
 export type CyCookie = Pick<chrome.cookies.Cookie, 'name' | 'value' | 'expirationDate' | 'hostOnly' | 'domain' | 'path' | 'secure' | 'httpOnly'> & {
   // use `undefined` instead of `unspecified`
@@ -33,6 +37,8 @@ const normalizeGetCookieProps = (cookie: any): CyCookie => {
 
   if (cookie.sameSite === 'None') {
     cookie.sameSite = 'no_restriction'
+  } else if (cookie.sameSite) {
+    cookie.sameSite = cookie.sameSite.toLowerCase()
   }
 
   return cookie as CyCookie
@@ -74,16 +80,89 @@ const _cookieMatches = (cookie: any, filter: Record<string, any>) => {
   return true
 }
 
+let requestIdCounter = 1
+const requestIdMap = new WeakMap<playwright.Request, string>()
+
 export class WebkitAutomation {
-  private context: playwright.BrowserContext
-  public reset: (url?: string) => Promise<void>
-
-  constructor (resetPage, private page: playwright.Page) {
-    this.context = page.context()
-    this.reset = async (url?: string) => {
-      this.page = await resetPage(url)
-      this.context = this.page.context()
-    }
+  private context!: playwright.BrowserContext
+  private page!: playwright.Page
+
+  private constructor (public automation: Automation, private browser: playwright.Browser) {}
+
+  // static initializer to avoid "not definitively declared"
+  static async create (automation: Automation, browser: playwright.Browser, initialUrl: string) {
+    const wkAutomation = new WebkitAutomation(automation, browser)
+
+    await wkAutomation.reset(initialUrl)
+
+    return wkAutomation
+  }
+
+  public async reset (newUrl?: string) {
+    debug('resetting playwright page + context %o', { newUrl })
+    // new context comes with new cache + storage
+    const newContext = await this.browser.newContext({
+      ignoreHTTPSErrors: true,
+    })
+    const oldPwPage = this.page
+
+    this.page = await newContext.newPage()
+    this.context = this.page.context()
+
+    this.attachListeners(this.page)
+
+    let promises: Promise<any>[] = []
+
+    if (oldPwPage) promises.push(oldPwPage.context().close())
+
+    if (newUrl) promises.push(this.page.goto(newUrl))
+
+    if (promises.length) await Promise.all(promises)
+  }
+
+  private attachListeners (page: playwright.Page) {
+    // emit preRequest to proxy
+    page.on('request', (request) => {
+      // ignore socket.io events
+      // TODO: use config.socketIoRoute here instead
+      if (request.url().includes('/__socket') || request.url().includes('/__cypress')) return
+
+      // pw does not expose an ID on requests, so create one
+      const requestId = String(requestIdCounter++)
+
+      requestIdMap.set(request, requestId)
+
+      const browserPreRequest = {
+        requestId,
+        method: request.method(),
+        url: request.url(),
+        // TODO: await request.allHeaders() causes this to not resolve in time
+        headers: request.headers(),
+        resourceType: normalizeResourceType(request.resourceType()),
+        originalResourceType: request.resourceType(),
+      }
+
+      debug('received request %o', { browserPreRequest })
+      this.automation.onBrowserPreRequest?.(browserPreRequest)
+    })
+
+    page.on('requestfinished', async (request) => {
+      const requestId = requestIdMap.get(request)
+
+      if (!requestId) return
+
+      const response = await request.response()
+
+      const responseReceived = {
+        requestId,
+        status: response?.status(),
+        headers: await response?.allHeaders(),
+      }
+
+      debug('received requestfinished %o', { responseReceived })
+
+      this.automation.onRequestEvent?.('response:received', responseReceived)
+    })
   }
 
   private async getCookies () {
diff --git a/packages/server/lib/browsers/webkit.ts b/packages/server/lib/browsers/webkit.ts
index fa7694ba1d03..e236a7ecfcf4 100644
--- a/packages/server/lib/browsers/webkit.ts
+++ b/packages/server/lib/browsers/webkit.ts
@@ -13,6 +13,7 @@ export async function connectToNewSpec (browser: Browser, options, automation: A
   if (!wkAutomation) throw new Error('connectToNewSpec called without wkAutomation')
 
   automation.use(wkAutomation)
+  wkAutomation.automation = automation
   await options.onInitializeNewBrowserTab()
   await wkAutomation.reset(options.url)
 }
@@ -30,32 +31,7 @@ export async function open (browser: Browser, url, options: any = {}, automation
     headless: browser.isHeadless,
   })
 
-  let pwPage: playwright.Page
-
-  async function resetPage (_url) {
-    // new context comes with new cache + storage
-    const newContext = await pwBrowser.newContext({
-      ignoreHTTPSErrors: true,
-    })
-    const oldPwPage = pwPage
-
-    pwPage = await newContext.newPage()
-
-    let promises: Promise<any>[] = []
-
-    if (oldPwPage) promises.push(oldPwPage.context().close())
-
-    if (_url) promises.push(pwPage.goto(_url))
-
-    if (promises.length) await Promise.all(promises)
-
-    return pwPage
-  }
-
-  pwPage = await resetPage(url)
-
-  wkAutomation = new WebkitAutomation(resetPage, pwPage)
-
+  wkAutomation = await WebkitAutomation.create(automation, pwBrowser, url)
   automation.use(wkAutomation)
 
   class WkInstance extends EventEmitter implements BrowserInstance {
diff --git a/packages/server/lib/project-base.ts b/packages/server/lib/project-base.ts
index fdd5f7ad8f7a..1f11b533922e 100644
--- a/packages/server/lib/project-base.ts
+++ b/packages/server/lib/project-base.ts
@@ -432,13 +432,7 @@ export class ProjectBase<TServer extends Server> extends EE {
   }
 
   shouldCorrelatePreRequests = () => {
-    if (!this.browser) {
-      return false
-    }
-
-    const { family, majorVersion } = this.browser
-
-    return family === 'chromium' || (family === 'firefox' && majorVersion >= 86)
+    return !!this.browser
   }
 
   setCurrentSpecAndBrowser (spec, browser: FoundBrowser) {