Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/glaucia86/demos-playwright-e2e

Diferentes demos em relação ao uso do Playwright para realização de palestras sobre o assunto
https://github.com/glaucia86/demos-playwright-e2e

automated-testing cross-browser-testing javascript microsoft nodejs open-source playwright playwright-python playwright-tests playwright-typescript

Last synced: 3 months ago
JSON representation

Diferentes demos em relação ao uso do Playwright para realização de palestras sobre o assunto

Awesome Lists containing this project

README

        

# 🎭 Playwright [Demos] - Playwright: All You Need to Know in Testing E2E Cross-Browser Applications an easy way!

[![playwright.png](https://i.postimg.cc/DwFDkQQ3/playwright.png)](https://postimg.cc/F7WG0LnT)

Repository responsible for the demos made during the talk about **[Playwright](https://playwright.dev/)**. An E2E and Open Source testing framework from Microsoft.
Playwright Enables Reliable End-to-End Testing for Modern Web Applications!

## 🚀 Resources Used

- **[Playwright](https://www.npmjs.com/package/playwright)**
- **[Vs Code Extensions - Playwright Snippets](https://marketplace.visualstudio.com/items?itemName=nitayneeman.playwright-snippets&WT.mc_id=javascript-30286-gllemos)**
- **[TypeScript](https://www.typescriptlang.org/download)**
- **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=javascript-30286-gllemos)**
- **[Node.js](https://nodejs.org/en/)**
- **[ts-node](https://www.npmjs.com/package/ts-node)**

## 💻 Demos

| Code Sample | Description | Language |
|---|---|---|
| **[demo-01](https://github.com/glaucia86/demos-playwright-e2e/blob/main/demo-01/scripts.js)** | Demonstration teaching how to get started with Playwright with Node.Js| Node.Js |
| **[demo-02](https://github.com/glaucia86/demos-playwright-e2e/blob/main/demo-02/tweet.js)** | Demonstration teaching how to automate tweets using Playwright | Node.Js |
| **[demo-03](https://github.com/glaucia86/demos-playwright-e2e/blob/main/demo-03/index.ts)** | Demonstration teaching how to get started with Playwright with TypeScript | TypeScript |
| **[demo-04](https://github.com/glaucia86/demos-playwright-e2e/blob/main/demo-04/record.js)** | Demonstration teaching how to perform automated tests with Playwright and record in video the tests. | Node.Js |
| **[demo-05](https://github.com/glaucia86/demos-playwright-e2e/blob/main/demo-05/linkedin.js)** | Demonstration teaching how to automate posts on Linkedin using Playwright | Node.Js |

## 🔥 Getting Started

Just follow the steps bellow:

```bash
> git https://github.com/glaucia86/demos-playwright-e2e.git
> cd demos-playwright-e2e/
> npm install
> node
```

Don't forget to include your personal informations to test some demos. Such as: the Twitter or Linkedin application!

## ❗️ Links & Important Resources

- ✅ **[Oficial Documentation - Playwright](https://playwright.dev/docs/intro)**
- ✅ **[Oficial Documentation - TypeScript](http://typescriptlang.org/docs/handbook/)**
- ✅ **[TypeScript in Visual Studio Code](https://code.visualstudio.com/docs/languages/typescript?WT.mc_id=javascript-30286-gllemos)**
- ✅ **[Tutorial TypeScript in Vs Code](https://code.visualstudio.com/docs/typescript/typescript-tutorial?WT.mc_id=javascript-30286-gllemos)**
- ✅ **[Microsoft Learn Free Course - Node.js](https://docs.microsoft.com/learn/paths/build-javascript-applications-nodejs/?WT.mc_id=javascript-30286-gllemos)**
- ✅ **[Microsoft Learn Free Course - TypeScript](https://docs.microsoft.com/learn/paths/build-javascript-applications-typescript/?WT.mc_id=javascript-30286-gllemos)**

## ❓ I have doubts... What should I do?!

If you have any doubts/questions about the code samples that I developed during the talk, feel free to open an **[ISSUE HERE](https://github.com/glaucia86/demos-playwright-e2e/issues)**. As soon as possible, I will be answering any questions you may have!