import Tabs from "@theme/Tabs"; import TabItem from "@theme/TabItem"; import SimplePlaywright from "../../workflows/simple-playwright-workflow.md" import SimplePlaywrightFromTemplate from "../../workflows/simple-playwright-workflow-from-template.md"

Basic Playwright Framework Example

Below is a basic workflow for executing a Playwright project which is available on GitHub. You can paste this directly into the YAML of an existing or new test, just make sure to update the name and namespace for your environment if needed.

• The spec.content property defines the location of the GitHub project
• The spec.steps property defines a single step that runs the test and uploads the created reports, including the generated trace report.

After execution, you can see the output from the test executions under the executions panel tabs:

The log output from the Playwright Framework execution:

The uploaded report is available in the Artifacts tab:

Clicking the HTML report opens it in your browser:

Clicking a specific test shows that tests details, including a link to the trace report.

Clicking the trace opens the Playwright Trace UI

Basic Playwright from Template

Below is an example workflow for executing the Playwright project using an official Testkube Template.