autotel-playwright

Create OpenTelemetry spans and propagate W3C trace headers in Playwright tests.

7|3|Updated Nov 26, 2025
One-click install
npx skills add https://github.com/jagreehal/autotel --skill autotel-playwright
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: autotel-playwright
Source: https://github.com/jagreehal/autotel/tree/main/packages/autotel-playwright/skills/autotel-playwright
Command: npx skills add https://github.com/jagreehal/autotel --skill autotel-playwright

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill enables end-to-end traceability by linking Playwright tests to server-side spans through integrated OpenTelemetry support.

Core Features & Use Cases

  • Test instrumentation: Creates a dedicated OpenTelemetry span for each test case to capture detailed execution data.
  • Trace propagation: Injects W3C trace headers into API requests during tests, ensuring correlated frontend and backend traces.
  • Use Case: When running automated E2E tests on a web application, users can visualize test execution and corresponding server traces in observability tools for comprehensive diagnostics.

Quick Start

Use the autotel-playwright skill to instrument your Playwright test suite so that each test run is linked to your server-side observability backend.

Frequently Asked Questions about autotel-playwright

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I connect Playwright tests with OpenTelemetry tracing?

To connect Playwright tests with OpenTelemetry tracing, this Skill creates a dedicated span for each test case and injects W3C trace headers into API requests, linking client-side steps with server-side spans for seamless end-to-end observability.

What is end-to-end trace propagation in automated testing?

End-to-end trace propagation in automated testing injects W3C trace headers into API requests during test execution, ensuring correlated frontend and backend traces. This allows you to visualize test execution and corresponding server traces together in observability tools.

How do I instrument Playwright test cases for server-side observability?

You instrument Playwright test cases for server-side observability by creating a dedicated OpenTelemetry span for each test case. This captures detailed execution data and ensures trace continuity across frontend and backend systems for comprehensive diagnostics.

Can I use Playwright end-to-end tests for performance analysis and debugging?

Yes, you can use Playwright end-to-end tests for performance analysis and debugging. By linking client-side test steps with server-side spans, you can visualize test execution and corresponding server traces in observability tools to identify bottlenecks.

Does this approach work with any observability system that supports OpenTelemetry?

Yes, this approach works with any observability system that supports OpenTelemetry. By creating and propagating trace context using standard W3C trace headers, the Skill ensures that test execution and server traces can be visualized in compatible observability tools.