Skip to content

Commit

Permalink
idk
Browse files Browse the repository at this point in the history
  • Loading branch information
Dan G authored and Dan G committed Sep 18, 2024
1 parent 658e789 commit 5c5dd47
Show file tree
Hide file tree
Showing 39 changed files with 194 additions and 148 deletions.
2 changes: 1 addition & 1 deletion site/config.toml
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ disqusShortname = "checkly"
weight = 20
[[menu.topnav]]
name = "Learn"
url = "/learn/headless/"
url = "/learn/playwright/"
weight = 30
[[menu.topnav]]
name = "API Reference"
Expand Down
91 changes: 4 additions & 87 deletions site/content/learn/_index.md
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
---
87 changes: 87 additions & 0 deletions site/content/learn/playwright/_index.md
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>
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Emulating mobile devices
title: Emulating mobile devices with Playwright
subTitle: Learn how to emulate mobile devices
date: 2022-07-19
author:
Expand Down
5 changes: 3 additions & 2 deletions site/content/learn/playwright/basics/generating-pdfs.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,13 @@
---
title: Generating PDFs
title: Generating PDFs with Playwright
subTitle: Creating invoices, books and more from a web page
date: 2020-11-19
author: Giovanni Rago
githubUser: ragog
tags:
- pdf
weight: 3
weight: 2
navTitle: Generating PDFs
menu:
learn:
parent: "Basics"
Expand Down
4 changes: 2 additions & 2 deletions site/content/learn/playwright/basics/managing-cookies.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
title: Setting state using cookies
title: Managing cookies & state with Playwright
subTitle: Speeding up tests by skipping login, and more
date: 2020-10-14
author: Giovanni Rago
githubUser: ragog
tags:
- cookies
weight: 5
weight: 3
navTitle: Managing cookies & state
menu:
learn:
Expand Down
4 changes: 2 additions & 2 deletions site/content/learn/playwright/basics/multitab-flows.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Multi-tab flows
title: Handling multiple tabs with Playwright
subTitle: Controlling multiple tabs
date: 2021-08-29
author: Giovanni Rago
Expand All @@ -8,7 +8,7 @@ tags:
- multi-tab
- testing
weight: 6
navTitle: Multi-tab flows
navTitle: Multiple tabs
menu:
learn:
parent: "Basics"
Expand Down
3 changes: 2 additions & 1 deletion site/content/learn/playwright/basics/request-interception.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Intercepting requests
title: Intercepting requests with Playwright
subTitle: Monitoring and manipulating web traffic
date: 2020-09-03
author:
Expand All @@ -11,6 +11,7 @@ githubUser:
tags:
- network
weight: 4
navTitle: Intercepting requests
menu:
learn:
parent: "Basics"
Expand Down
4 changes: 2 additions & 2 deletions site/content/learn/playwright/basics/taking-screenshots.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Taking screenshots
title: Taking screenshots with Playwright
subTitle: Leveraging images for troubleshooting and more
date: 2020-06-23
author: Giovanni Rago
Expand All @@ -8,7 +8,7 @@ tags:
- basics

weight: 1

navTitle: Taking screenshots
menu:
learn:
parent: "Basics"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,12 +1,13 @@
---
title: Challenging automation flows
title: Dealing with complex automation flows
subTitle: Automation countermeasures and shortcomings
date: 2020-07-23
author: Giovanni Rago
githubUser: ragog
tags:
- security
weight: 6
weight: 4
navTitle: Complex workflows
menu:
learn:
parent: "Best practices"
Expand Down
6 changes: 3 additions & 3 deletions site/content/learn/playwright/best-practices/performance.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Measuring page performance
title: Measuring page performance using Playwright
subTitle: Explaining why it matters and how to assess it
date: 2020-09-30
author: Giovanni Rago
Expand All @@ -8,8 +8,8 @@ tags:
- basics
- performance

weight: 3

weight: 1
navTitle: Performance
menu:
learn:
parent: "Best practices"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,12 +1,13 @@
---
title: Scraping behind a login
title: Scraping behind a login using Playwright
subTitle: An example in accessing account-specific information
date: 2020-12-23
author: Giovanni Rago
githubUser: ragog
tags:
- scraping
weight: 7
weight: 6
navTitle: Scraping behind a login
menu:
learn:
parent: "Best practices"
Expand Down
6 changes: 3 additions & 3 deletions site/content/learn/playwright/best-practices/scraping.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Scraping pages
title: Scraping pages with Playwright
subTitle: Extracting valuable information through automation
date: 2020-08-26
author: Giovanni Rago
Expand All @@ -9,8 +9,8 @@ tags:
- scraping
- assertions

weight: 6

weight: 5
navTitle: Scraping
menu:
learn:
parent: "Best practices"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,12 +1,13 @@
---
title: Using script recorders
title: Using script recorders with Playwright
subTitle: Generating scripts for beginners and pros
date: 2020-09-16
author: Hannes Lenke
githubUser: hlenke
tags:
- script generation
weight: 8
weight: 7
navTitle: Script recorders
menu:
learn:
parent: "Best practices"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,13 +1,14 @@
---
title: Handling test data
title: Handling test data with Playwright
subTitle: Introduction to fixture handling
date: 2020-07-16
author: Giovanni Rago
githubUser: ragog
tags:
- test data
- testing
weight: 5
weight: 3
navTitle: Test data
menu:
learn:
parent: "Best practices"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,13 +1,14 @@
---
title: Keeping tests valuable
title: Writing valuable tests with Playwright
subTitle: Principles for sustainable automated testing
date: 2020-07-16
author: Giovanni Rago
githubUser: ragog
tags:
- e2e
- testing
weight: 4
weight: 2
navTitle: Testing
menu:
learn:
parent: "Best practices"
Expand Down
2 changes: 1 addition & 1 deletion site/content/learn/playwright/debugging/basics.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Debugging scripts
title: Debugging Playwright scripts
subTitle: How to go about fixing what is not working
date: 2021-07-26
author: Giovanni Rago
Expand Down
Loading

0 comments on commit 5c5dd47

Please sign in to comment.