From 57ef813a1e792284174df4fc58568862f5b4b557 Mon Sep 17 00:00:00 2001 From: Laura Guo Date: Thu, 23 Oct 2025 11:36:32 -0400 Subject: [PATCH] fix: broken video embeds and refactor existing embeds to use reusable snippet --- cli/environment-variables.mdx | 10 +---- .../api-checks/set-up-and-tear-down.mdx | 10 +---- .../browser-checks/visual-regressions.mdx | 4 +- guides/auto-waiting-methods.mdx | 37 ++----------------- guides/claude-code-monitoring.mdx | 12 ++---- guides/developer-fixtures.mdx | 23 ++---------- ...toring-ecommerce-apps-using-playwright.mdx | 13 +------ learn/playwright/codegen.mdx | 6 +-- .../playwright/how-to-detect-broken-links.mdx | 3 +- ...ow-to-parameterize-playwright-projects.mdx | 3 +- learn/playwright/steps-decorators.mdx | 3 +- learn/playwright/testing-apis.mdx | 3 ++ learn/playwright/testing-in-parallel.mdx | 3 +- learn/playwright/testing-pyramid.mdx | 3 +- snippets/youtube-embed.jsx | 34 +++++++++++++++++ 15 files changed, 69 insertions(+), 98 deletions(-) create mode 100644 snippets/youtube-embed.jsx diff --git a/cli/environment-variables.mdx b/cli/environment-variables.mdx index bcbdfe36..b3719103 100644 --- a/cli/environment-variables.mdx +++ b/cli/environment-variables.mdx @@ -4,6 +4,7 @@ description: 'Learn how to use environment variables in your Checkly project' sidebarTitle: 'Environment Variables' --- +import { YoutubeEmbed } from "/snippets/youtube-embed.jsx" There are two types of environment variables (env vars) in the Checkly CLI context. @@ -12,14 +13,7 @@ There are two types of environment variables (env vars) in the Checkly CLI conte To get a quick overview of when to use which, checkout this video 👇 - + ## Local Environment Variables diff --git a/detect/synthetic-monitoring/api-checks/set-up-and-tear-down.mdx b/detect/synthetic-monitoring/api-checks/set-up-and-tear-down.mdx index 4439e499..4f25b883 100644 --- a/detect/synthetic-monitoring/api-checks/set-up-and-tear-down.mdx +++ b/detect/synthetic-monitoring/api-checks/set-up-and-tear-down.mdx @@ -6,6 +6,7 @@ sidebarTitle: Set Up and Tear Down --- import GenericRuntimeVariablesTable from '/snippets/generic-runtime-variables-table.mdx'; +import { YoutubeEmbed } from "/snippets/youtube-embed.jsx" Setup and teardown scripts can be used to execute arbitrary JavaScript/TypeScript code before and/or after an API check. Both script types have access to all environment variables, runtime objects like `request` and `response` and popular npm packages @@ -18,14 +19,7 @@ However, you can also use them [via our web UI](#using-setup-and-teardown-script Check the video below for a quick overview of using setup and teardown scripts through the web UI and with the CLI. - + ## Setup scripts diff --git a/detect/synthetic-monitoring/browser-checks/visual-regressions.mdx b/detect/synthetic-monitoring/browser-checks/visual-regressions.mdx index 654c216f..a41bb109 100644 --- a/detect/synthetic-monitoring/browser-checks/visual-regressions.mdx +++ b/detect/synthetic-monitoring/browser-checks/visual-regressions.mdx @@ -4,6 +4,8 @@ description: 'Visual monitoring for more consistent UIs and complex assertions' sidebarTitle: 'Visual Monitoring' --- +import { YoutubeEmbed } from "/snippets/youtube-embed.jsx" + Playwright Test gives you the ability to do visual regression testing and snapshot testing. With Checkly, you can run these tests against production, 24x7. @@ -13,7 +15,7 @@ core screens on production. Have a look at this video for a quick explainer: - + The TL;DR is that you can: diff --git a/guides/auto-waiting-methods.mdx b/guides/auto-waiting-methods.mdx index 2179e746..c1a7259c 100644 --- a/guides/auto-waiting-methods.mdx +++ b/guides/auto-waiting-methods.mdx @@ -8,6 +8,7 @@ tags: --- import PlaywrightCheckSuiteTryOut from "/snippets/playwright-check-suite-tryout.mdx" +import { YoutubeEmbed } from "/snippets/youtube-embed.jsx" @@ -209,17 +210,7 @@ A full walkthrough of the code changes is [on our documentation site](/detect/sy To see a demo of how this state works in Checkly, take a look at Stefan’s tutorial video: - - \ No newline at end of file + \ No newline at end of file diff --git a/guides/developer-fixtures.mdx b/guides/developer-fixtures.mdx index 9ff76eeb..565bd2ec 100644 --- a/guides/developer-fixtures.mdx +++ b/guides/developer-fixtures.mdx @@ -8,6 +8,7 @@ sidebarTitle: Testing Fixtures --- import PlaywrightCheckSuiteTryOut from "/snippets/playwright-check-suite-tryout.mdx" +import { YoutubeEmbed } from "/snippets/youtube-embed.jsx" @@ -155,16 +156,7 @@ In this example, we've just put our fixtures at the top of a single check's file ### See it in action: Reuse Playwright Code across Files and Tests with Fixtures To see fixtures demonstrated, and a step-by-step explanation of the code, check out [Stefan's tutorial video](https://www.youtube.com/watch?v=2O7dyz6XO2s&list=PLMZDRUOi3a8N067UNvkxXEThKlTII_OJ-&index=5): - -