feat(browser): expose cdp in the browser

[sheremet-va]

Description

This PR exposes the CDP connection via cdp method from @vitest/browser/context (only works with playwright):

import { cdp } from '@vitest/browser/context'

cdp().on('Console.messageAdded', (data) => {
  // data.message.text === 'MESSAGE ADDED'
})

await cdp().send('Console.enable')

console.error('MESSAGE ADDED')

const input = document.createElement('input')
document.body.appendChild(input)
input.focus()

await cdp().send('Input.dispatchKeyEvent', {
  type: 'keyDown',
  text: 'a',
})
expect(input).toHaveValue('a')

await cdp().send('Input.insertText', {
  text: 'some text',
})
expect(input).toHaveValue('asome text')

TODO:

• Docs
• More tests

Please don't delete this checklist! Before submitting the PR, please make sure you do the following:

• It's really useful if your PR references an issue where it is discussed ahead of time. If the feature is substantial or introduces breaking changes without a discussion, PR might be closed.
• Ideally, include a test that fails without this PR but passes with it.
• Please, don't make changes to pnpm-lock.yaml unless you introduce a new test example.

Tests

• Run the tests with pnpm test:ci.

Documentation

• If you introduce new functionality, document it. You can run documentation with pnpm run docs command.

Changesets

• Changes in changelog are generated from PR name. Please, make sure that it explains your changes in an understandable manner. Please, prefix changeset messages with feat:, fix:, perf:, docs:, or chore:.