-
Notifications
You must be signed in to change notification settings - Fork 34
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Dan G
authored and
Dan G
committed
Sep 18, 2024
1 parent
658e789
commit 5c5dd47
Showing
39 changed files
with
194 additions
and
148 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,87 +1,4 @@ | ||
--- | ||
title: Learn Playwright Testing & Automation Framework | ||
displayTitle: Learn Playwright | ||
description: Learn more about Playwright & Puppeteer with Checkly. Explore how to automate your web with a reliable, programmable monitoring workflow. | ||
displayDescription: | ||
Learn more about Playwright & Puppeteer with Checkly. Explore how to automate your web with a reliable, programmable monitoring workflow. | ||
metatags: | ||
title: Learn Playwright & Puppeteer - Browser Automation Frameworks | ||
|
||
--- | ||
|
||
Tips, tricks, and in-depth guides from the trenches. Learn how to use the popular open-source browser automation frameworks, Playwright and Puppeteer. | ||
This guide provides detailed information and examples how you can write high-quality scripts for testing and synthetic monitoring. | ||
|
||
## Getting Started | ||
|
||
Have a look at how Playwright & Puppeteer work, what similarities they share, as well as the noticeable differences. | ||
|
||
<div class="cards-list"> | ||
{{< doc-card | ||
class="two-column-card" | ||
headerTag="h3" | ||
title="What is Playwright?" | ||
img="/learn/icons/playwright.png" | ||
description="Built on the experience of Puppeteer, Microsoft's Playwright offers unique features." | ||
link="/learn/playwright/basics/playwright-intro/" | ||
>}} | ||
{{< doc-card | ||
class="two-column-card" | ||
headerTag="h3" | ||
title="Installing Playwright" | ||
img="/learn/icons/puppeteer.png" | ||
description="Learn how to install Playwright and get started with your first script." | ||
link="/learn/playwright/basics/local-setup/" | ||
>}} | ||
</div> | ||
|
||
## Diving Deeper | ||
|
||
Playwright and Puppeteer are extremely powerful and serve a wide range of use cases. We have collected in-depth articles for important scenarios and challenging automation flows. | ||
|
||
<div class="cards-list"> | ||
{{< doc-card | ||
class="full-width-card" | ||
headerTag="h3" | ||
title="End to end scenarios" | ||
img="/learn/icons/e2e.svg" | ||
description="Learn how to script complete user scenarios from signup to checkout." | ||
link="/learn/headless/e2e-account-settings/" | ||
>}} | ||
{{< doc-card | ||
class="full-width-card" | ||
headerTag="h3" | ||
title="Network & state" | ||
img="/learn/icons/network.svg" | ||
description="Learn how to use cookies to set state and simplify your scripts." | ||
link="/learn/headless/managing-cookies/" | ||
>}} | ||
{{< doc-card | ||
class="full-width-card" | ||
headerTag="h3" | ||
title="Best Practices" | ||
img="/learn/icons/best-practices.svg" | ||
description="Learn about guidelines to write quality automation scripts." | ||
link="/learn/headless/challenging-flows/" | ||
>}} | ||
{{< doc-card | ||
class="full-width-card" | ||
headerTag="h3" | ||
title="Performance" | ||
img="/learn/icons/performance.svg" | ||
description="Learn how you can use Playwright & Puppeteer to measure page performances." | ||
link="/learn/headless/basics-performance/" | ||
>}} | ||
</div> | ||
## Popular Posts | ||
|
||
<div class="cards-list"> | ||
{{< doc-card class="three-column-card" title="Basic Navigation" description="Working with navigation and waits are the fundamental of any script." link="/learn/headless/basics-navigation/" >}} | ||
|
||
{{< doc-card class="three-column-card" title="Request Interception" description="Learn how to control HTTP requests and responses." link="/learn/headless/request-interception/" >}} | ||
|
||
{{< doc-card class="three-column-card" title="Basic Selectors" description="Working with selectors is key for writing high quality scripts." link="/learn/headless/basics-selectors/" >}} | ||
|
||
</div> | ||
--- | ||
sitemap: | ||
priority: 0.7 | ||
--- |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,87 @@ | ||
--- | ||
title: Learn Playwright Testing & Automation Framework | ||
displayTitle: Learn Playwright | ||
description: Learn more about Playwright & Puppeteer with Checkly. Explore how to automate your web with a reliable, programmable monitoring workflow. | ||
displayDescription: | ||
Learn more about Playwright & Puppeteer with Checkly. Explore how to automate your web with a reliable, programmable monitoring workflow. | ||
metatags: | ||
title: Learn Playwright & Puppeteer - Browser Automation Frameworks | ||
|
||
--- | ||
|
||
Tips, tricks, and in-depth guides from the trenches. Learn how to use the popular open-source browser automation frameworks, Playwright and Puppeteer. | ||
This guide provides detailed information and examples how you can write high-quality scripts for testing and synthetic monitoring. | ||
|
||
## Getting Started | ||
|
||
Have a look at how Playwright & Puppeteer work, what similarities they share, as well as the noticeable differences. | ||
|
||
<div class="cards-list"> | ||
{{< doc-card | ||
class="two-column-card" | ||
headerTag="h3" | ||
title="What is Playwright?" | ||
img="/learn/icons/playwright.png" | ||
description="Built on the experience of Puppeteer, Microsoft's Playwright offers unique features." | ||
link="/learn/playwright/getting-started/intro" | ||
>}} | ||
{{< doc-card | ||
class="two-column-card" | ||
headerTag="h3" | ||
title="Installing Playwright" | ||
img="/learn/icons/playwright.png" | ||
description="Learn how to install Playwright and get started with your first script." | ||
link="/learn/playwright/getting-started/local-setup/" | ||
>}} | ||
</div> | ||
|
||
## Diving Deeper | ||
|
||
Playwright and Puppeteer are extremely powerful and serve a wide range of use cases. We have collected in-depth articles for important scenarios and challenging automation flows. | ||
|
||
<div class="cards-list"> | ||
{{< doc-card | ||
class="full-width-card" | ||
headerTag="h3" | ||
title="End to end scenarios" | ||
img="/learn/icons/e2e.svg" | ||
description="Learn how to script complete user scenarios from signup to checkout." | ||
link="/learn/playwright/e2e/login/" | ||
>}} | ||
{{< doc-card | ||
class="full-width-card" | ||
headerTag="h3" | ||
title="Network & state" | ||
img="/learn/icons/network.svg" | ||
description="Learn how to use cookies to set state and simplify your scripts." | ||
link="/learn/playwright/basics/managing-cookies/" | ||
>}} | ||
{{< doc-card | ||
class="full-width-card" | ||
headerTag="h3" | ||
title="Best Practices" | ||
img="/learn/icons/best-practices.svg" | ||
description="Learn about guidelines to write quality automation scripts." | ||
link="/learn/headless/challenging-flows/" | ||
>}} | ||
{{< doc-card | ||
class="full-width-card" | ||
headerTag="h3" | ||
title="Performance" | ||
img="/learn/icons/performance.svg" | ||
description="Learn how you can use Playwright & Puppeteer to measure page performances." | ||
link="/learn/headless/basics-performance/" | ||
>}} | ||
</div> | ||
## Popular Posts | ||
|
||
<div class="cards-list"> | ||
{{< doc-card class="three-column-card" title="Basic Navigation" description="Working with navigation and waits are the fundamental of any script." link="/learn/headless/basics-navigation/" >}} | ||
|
||
{{< doc-card class="three-column-card" title="Request Interception" description="Learn how to control HTTP requests and responses." link="/learn/headless/request-interception/" >}} | ||
|
||
{{< doc-card class="three-column-card" title="Basic Selectors" description="Working with selectors is key for writing high quality scripts." link="/learn/headless/basics-selectors/" >}} | ||
|
||
</div> |
2 changes: 1 addition & 1 deletion
2
site/content/learn/playwright/basics/emulating-mobile-devices.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
5 changes: 3 additions & 2 deletions
5
site/content/learn/playwright/best-practices/challenging-flows.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
5 changes: 3 additions & 2 deletions
5
site/content/learn/playwright/best-practices/scraping-example-purchases.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
5 changes: 3 additions & 2 deletions
5
site/content/learn/playwright/best-practices/script-recorders.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
5 changes: 3 additions & 2 deletions
5
site/content/learn/playwright/best-practices/test-data-intro.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
5 changes: 3 additions & 2 deletions
5
site/content/learn/playwright/best-practices/valuable-tests.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.