Loading...
Loading...
Set up and configure Replay for recording Cypress tests with time-travel debugging.
npx skill4agent add replayio/skills replay-cypressnpm install --save-dev @replayio/cypress
# or
yarn add --dev @replayio/cypress
# or
pnpm add --save-dev @replayio/cypress
# or
bun add --dev @replayio/cypressnpx replayio installREPLAY_API_KEY.envREPLAY_API_KEY=<your_api_key>export REPLAY_API_KEY=<your_api_key>cypress/support/e2e.jse2e.tsrequire('@replayio/cypress/support')import '@replayio/cypress/support'const { defineConfig } = require('cypress')
const { plugin: replayPlugin, wrapOn } = require('@replayio/cypress')
require('dotenv').config()
module.exports = defineConfig({
e2e: {
setupNodeEvents(cyOn, config) {
const on = wrapOn(cyOn)
replayPlugin(on, config, {
upload: true,
apiKey: process.env.REPLAY_API_KEY,
})
return config
},
},
})cypress.config.tsimport { defineConfig } from 'cypress'
import { plugin as replayPlugin, wrapOn } from '@replayio/cypress'
import 'dotenv/config'
export default defineConfig({
e2e: {
setupNodeEvents(cyOn, config) {
const on = wrapOn(cyOn)
replayPlugin(on, config, {
upload: true,
apiKey: process.env.REPLAY_API_KEY,
})
return config
},
},
})npx cypress run --browser replay-chromiumupload: truewrapOnonREPLAY_API_KEYclaude --mcp-config "{
"mcpServers": {
"replay": {
"type": "http",
"url": "https://dispatch.replay.io/nut/mcp",
"headers": {
"Authorization": "${REPLAY_API_KEY}"
}
}
}
}"