Menu
Choose a product
Viewing: v1.7.x (latest)
Find another version
Scroll for more
Documentation
Grafana k6
JavaScript API
websockets
WebSocket
WebSocket.addEventListener(event, handler)
Open source
WebSocket.addEventListener(event, handler)
Set up handler functions for various events on the WebSocket connection. You can define multiple handlers for the same event.
| Parameter | Type | Description |
|---|---|---|
| event | string | The event name to define a handler for. |
| handler | function | The function to call when the event happens. |
| Event name | Description |
|---|---|
| open | Emitted when the connection is established. |
| message | Emitted when a message is received from the server. |
| ping | Emitted when a ping is received from the server. The client will automatically send back a pong. |
| pong | Emitted when a pong is received from the server. |
| close | Emitted when the connection is closed by the client
WebSocket.close() or when the server sends the close event with code status 1000 (normal closure). |
| error | Emitted when an error occurs. |
Example
A k6 script that demonstrates how to add multiple event listeners for the WebSocket message connection event.
JavaScript
JavaScript
import { WebSocket } from 'k6/websockets';
export default function () {
const ws = new WebSocket('ws://localhost:10000');
ws.binaryType = 'arraybuffer';
ws.onopen = () => {
console.log('connected');
ws.send(Date.now().toString());
};
ws.onmessage = () => {
console.log('onmessage event handler!');
};
// Multiple event handlers on the same event
ws.addEventListener('message', () => {
console.log('addEventListener event handler!');
ws.close();
});
}The preceding example uses a WebSocket echo server, which you can run with the following command:
Bash
Bash
docker run --detach --rm --name ws-echo-server -p 10000:8080 jmalloc/echo-serverWas this page helpful?
Related resources from Grafana Labs
Additional helpful documentation, links, and articles:
Video

Performance testing and observability in Grafana Cloud
Optimize user experiences with Grafana Cloud. Learn real-time insights, performance testing with k6, and continuous validation with Synthetic Monitoring.
Events

User-centered observability: load testing, real user monitoring, and synthetics
Learn how to use load testing, synthetic monitoring, and real user monitoring (RUM) to understand end users' experience of your apps. Watch on demand.