Merge pull request #76 from checkly/feature/add-pwn-explainer-graphic

Extend Playwright Check Suite explanation

Author: stefanjudis

detect/synthetic-monitoring/playwright-checks/overview.mdx

@@ -62,9 +62,15 @@ Receive notifications when tests fail or performance degrades, keeping your team
 
 ## Test Selection
 
-Control which tests become monitoring checks using:
+Your Playwright end-to-end test suite consists of projects, `spec.ts` files and individual tests. Use Playwright Check Suites to select and regroup the tests you want to run as synthetic monitors.
 
-- **Projects**: Choose browser configurations from your Playwright config
+<Frame>
+  ![Playwright Check Suites test selection](/images/playwright-test-selection.jpg)
+</Frame>
+
+**A Playwright **Check** Suite is a collection of tests that are defined in one or more `spec.ts` files.** To control which tests become part of your Playwright Check Suite, use:
+
+- **Projects**: Choose browser and project configurations from your Playwright config
 - **Tags**: Select tests marked with specific tags (e.g., `@critical`, `@smoke`)
 - **Combinations**: Mix tags and projects for precise test selection
 
@@ -94,6 +100,10 @@ export default defineConfig({
 The Playwright Check Suite runner will use the `pwProjects` and `pwTags` values to configure [the native Playwright Test CLI run](https://playwright.dev/docs/test-cli). `pwProjects` reflects the `--project` and `pwTags` the `--grep` CLI options.
 </Info>
 
+<Tip>
+[Read the guide on test organization](/detect/synthetic-monitoring/playwright-checks/test-organization) to learn more about all the options for selecting and grouping tests in a Playwright Check Suite.
+</Tip>
+
 ## Monitoring Configuration
 
 Customize monitoring behavior with: